初心者がエンジニアに転職するための、壁打ちブログ('ω')

・CS、SV、TA、データサイエンス、などをIT業界で学んできた私が、 サーバーサイドエンジニアとして独立するまでのブログです

ゼロから始めるエンジニアへの道 #11 ~html or css~

学習範囲

・16進数/RGBでのCrol指定

CSSのキーワード(主要職の定義)とRGB

・0 ~ 255の数値でカラーリング表現をします。
・16進数での表現も可能で、下記の画像のように#255で黄など、

f:id:Takeda2864:20200519174826p:plain
10進数 / 16進数の表現

~
<h1>{h1{color: blue;}
 <h1>{color: red; }
  <h1>{color: rgb;0.,255,0}
~

上記のようにh1セレクターに対して、後文が優先されます。(要するに昇順で読み取りされます)

f:id:Takeda2864:20200519181536p:plain
RGB(R=red G=Green B=blue)

RGB(R=red G=Green B=blue)で表現する場合も同様に、0~255の規定値内に配色を選択します。
上記のコードであれば、(Red=0 Green=255 Blue=0)なのでh1は、緑表示になります。

f:id:Takeda2864:20200519175224p:plain corolを16進数で指定した場合の表現。

セレクターとプロパティの優先度

CSS では、同じセレクターに対して同じプロパティを複数設定した場合、あとから書いたほうが優先されるということも覚えておきましょう。

気になった点 (divspanの厳密な違い)

saruwakakun.com


・LP等の中身で見た時テキストのインライン色がついているコードを確認
・どうやらタグは<div>で表現している。
・上記のようなケースがあったので、<span>で表現している理由がわからなかった。