カテゴリー「 CSS 」の記事

10 件

グローバルメニューなど、CSSの「position: fixed」で固定したい場合も多いかと思います。 特に設定に誤りがないにも関わらず、「position: fixed」が効かなくなった場合の原因と対処法をメモしておき …
コーディングを始めた頃は、画像を中央寄せにするには、何かで囲み、囲む要素に「text-align:center;」を設定しなければならず、ブロック要素が増えて嫌だな〜と思っていました。 途中で、囲んで「text-alig …
aタグをマウスオーバーすると、カーソルアイコンがクリックできることが分かる「指さしアイコン」に変更されると思います。 これを、aタグ以外の要素でさせる場合のスタイルシートの設定をメモしておきます。
レスポンシブサイトでYoutubeのタグを貼った際の、画面サイズ調整の設定をメモしておきます。
CSSの記述順は、だいたい合わせるようにしています。 昔は気にせず書いていたのですが、合わせる事により、見直しがやりやすいことが分かり続けるようにしています。 今回は、私流の記述順をメモしておきます。
このたび、当ブログのフォントを「Noto Sans Japanese」に変更してみました。 変更方法をメモっておきます。
CSS3から、グラデーションや角丸を使ったボタンを、画像を使用せず作れるようになりました。 画面幅が変動するレスポンシブサイト、スマートフォンやタブレット対応などの際は、特に画像を使わないボタンが大活躍します。 今回は、 …
PCサイトをスマートフォンで見ると、デザインが崩れる場合があります。 横幅が切れていたり、背景画像が崩れていた時の対処法をメモしておきます。
CSSでfloat=”left”でアイテムを2列や3列に並べる際、親要素内に均等に並べようとすると、 一番右端側の要素のマージンが不要になったりします。 その場合、クラス追加やjQueryの設定で …
新着情報を一覧させる場合の、スタイルシートの設定をメモしておきます。 デザインのポイント 一行で日付+タイトルを表示 一行毎に下線を引く タイトルが複数行になった場合も、タイトルの頭を揃える
PAGE TOP