K日記〜プログラミング編2020/05/30〜

CSSとは？

色、大きさ、配置などを指定し、ページをデザインするための言語
※インデントを行う
※プロパティの末尾にはコロン（:）
※行末には セミコロン（;）

セレクタ：要素名

プロパティ：変更項目

/* */で囲んだ行がコメントになる

色：color: #ff0000 ; （赤）

文字の大きさを指定するにはfont-sizeプロパティを用いる
font-sizeは、px(ピクセル)という単位を用いて指定する

font-familyプロパティを用いると、フォントの種類を指定できる
「 font-family: フォント名; 」
フォント名にスペースがある場合は、ダブルクォーテーションで囲む

背景色を変えるにはbackground-colorプロパティを用いる
※「#dddddd」のように同じ値が続く場合は、「#ddd」と省略できる

要素の横幅、高さを変更したいときは、それぞれwidthプロパティ、heightプロパティを用いる
width, height共にpxで指定できる

要素にはclassを使って名前をつけることができる
class名でCSSを指定する場合、先頭にドット「.」が必要
複数の要素に同じclassをつけた場合、それら全てに同じCSSが適用される

classの場合はドットが必要で、タグの場合は必要ない