CSSの書く順番 ページ18
##
CSSは、基本的にどの順番でも書くことができるのですが、ここではCSSのルール(というか仕様)と、em7が個人的によくやるものを紹介します。
CSSは、書かれたものを一番最初から読み込んで表示します。
その関係で、先に書かれた設定と後に書かれた設定だと、後に書かれた設定が使われます。
そして、先に書かれた設定を上書きされないように使うのが!importantです。
もし、CSSを作っていて、自分の設定が反映されていない…ということがあったら、一番多いのはこれだと思います。
!importantなのですが、あまりたくさん使うのはよくないと考えています。
いらない設定は消せば済む話だからです。!importantは不具合にも繋がる上に、CSSが長くなるだけなので出来るだけ書かないようにしたいものです。
自分的CSSの書く順番
1
@font-faceから始まる、フォント設定
皆さんは、
フォントの読み込み完了=文字の表示
ということをご存知でしょうか?
言われてみれば当たり前のことですよね。
文字が表示されないと、ブラウザバックする確率が高いことも知られています。
2
bodyから始まる、全体の設定
これも、フォント設定と同じような理由ですが、全体のデザインを先に読み込んで欲しいので、自分はこれを優先的に始めに書いています。
全体の(おおまかな)設定 → 細々とした設定
の順で読み込んでもらうと、早めにCSSの雰囲気を掴んでもらえるのでは?という考えからです。
背景の画像を早めに読み込んでもらうことで、デフォルトの画像や、色の設定で間を繋ぐ時間も短く出来ます。
少しの時間の話ですが、そこまで気を配るのがよいCSSにつながるのではないでしょうか。
今まで活動されてきたふわり様はじめ、歴代のたくさんの方がこのように書かれています。
それだけの理由があります。
これを機に、CSSの順番も考えてみてはいかがでしょう、というお話でした。
##
134人がお気に入り
この作品を見ている人にオススメ
「CSS」関連の作品
感想を書こう!(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
さくさく - 参考にさせていただきます。ありがとうございます! (12月13日 19時) (レス) id: 8125d01b3c (このIDを非表示/違反報告)
青い鳥 - 参考にさせてもらいました。関係ないんですけど100票目に評価しました (10月17日 17時) (レス) @page27 id: 55adadd6b3 (このIDを非表示/違反報告)
ぽんきち丸ドリーム号(プロフ) - 参考にさせていただきました、、!ありがとうございます!! (7月10日 9時) (レス) @page27 id: 2431247bf4 (このIDを非表示/違反報告)
雨の緑茶。(プロフ) - ゆゆゆ。さん» 失礼します。em7様とは関係のない者ですがご回答させていただきます。もう解決されているかなと思いますが、一応https://uranai.nosv.org/u.php/novel/hetadesum4/の「画像のサイズ変更」ページに載っているかと。 (2023年3月17日 14時) (レス) id: 2f0ba08fc2 (このIDを非表示/違反報告)
おはぎ(砂糖・おはぎサブ垢) - 参考にさせていただきました (2022年11月27日 11時) (レス) @page35 id: dfee7c88d4 (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ