ゼロから始めるエンジニアへの道 #11 ~html or css~
学習範囲
・16進数/RGBでのCrol指定
・
CSSのキーワード(主要職の定義)とRGB
・0 ~ 255の数値でカラーリング表現をします。
・16進数での表現も可能で、下記の画像のように#255で黄など、
~ <h1>{h1{color: blue;} <h1>{color: red; } <h1>{color: rgb;0.,255,0} ~
上記のようにh1
のセレクターに対して、後文が優先されます。(要するに昇順で読み取りされます)
RGB(R=red G=Green B=blue)で表現する場合も同様に、0~255の規定値内に配色を選択します。
上記のコードであれば、(Red=0 Green=255 Blue=0)なのでh1は
、緑表示になります。
corolを16進数で指定した場合の表現。
セレクターとプロパティの優先度
CSS では、同じセレクターに対して同じプロパティを複数設定した場合、あとから書いたほうが優先されるということも覚えておきましょう。
気になった点 (div
とspan
の厳密な違い)
・LP等の中身で見た時テキストのインライン色がついているコードを確認
・どうやらタグは<div>
で表現している。
・上記のようなケースがあったので、<span>
で表現している理由がわからなかった。