CSS

CSS

KoalaでSassコンパイル(compressed)時に、WordPressのテーマ設定を消さない方法

KoalaでSassコンパイルをしています。 「output_style = :compressed」に設定して使っており、CSSファイルがコンパクトになって大変便利です。 しかし、通常だとコンパイル時にWordPressのテーマ設定も...
CSS

【CSS】「position: fixed」が使えなくなった時の対処法

グローバルメニューなど、CSSの「position: fixed」で固定したい場合も多いかと思います。 特に設定に誤りがないにも関わらず、「position: fixed」が効かなくなった場合の原因と対処法をメモしておきます。
CSS

【CSS】画像(img)を囲まずに中央寄せにする方法

コーディングを始めた頃は、画像を中央寄せにするには、何かで囲み、囲む要素に「text-align:center;」を設定しなければならず、ブロック要素が増えて嫌だな〜と思っていました。 途中で、囲んで「text-align:cente...
CSS

【CSS】aタグ以外の要素で、クリックできるカーソルアイコンを表示させる方法

aタグをマウスオーバーすると、カーソルアイコンがクリックできることが分かる「指さしアイコン」に変更されると思います。 これを、aタグ以外の要素でさせる場合のスタイルシートの設定をメモしておきます。
CSS

【CSS】レスポンシブサイトで、スマホ時のYoutube画面のサイズを調整する

レスポンシブサイトでYoutubeのタグを貼った際の、画面サイズ調整の設定をメモしておきます。
CSS

【CSS】CSSプロパティの記述順

CSSの記述順は、だいたい合わせるようにしています。 昔は気にせず書いていたのですが、合わせる事により、見直しがやりやすいことが分かり続けるようにしています。 今回は、私流の記述順をメモしておきます。
CSS

【CSS】webフォント「Noto Sans Japanese」を使ってみました。

このたび、当ブログのフォントを「Noto Sans Japanese」に変更してみました。 変更方法をメモっておきます。
CSS

【SASS】CSS3で作る簡単グラデーション+画像ボタン(Compass活用)

CSS3から、グラデーションや角丸を使ったボタンを、画像を使用せず作れるようになりました。 画面幅が変動するレスポンシブサイト、スマートフォンやタブレット対応などの際は、特に画像を使わないボタンが大活躍します。 今回は、可変に対応した、...
CSS

【スマホ】PCサイトをスマホで見たら崩れる場合の対処法

PCサイトをスマートフォンで見ると、デザインが崩れる場合があります。 横幅が切れていたり、背景画像が崩れていた時の対処法をメモしておきます。
CSS

【CSS】float=”left”でアイテムを並べる時は、親要素にマイナスマージンを設定する

CSSでfloat="left"でアイテムを2列や3列に並べる際、親要素内に均等に並べようとすると、 一番右端側の要素のマージンが不要になったりします。 その場合、クラス追加やjQueryの設定でマージンを取ったりすることもできます...
タイトルとURLをコピーしました