1. CSS
1.1 CSSとは
HTMLの要素に対して、大きさや色、配置を指定する言語
CSSはHTMLとは別のファイルに記述する
1.2 基本文法
考え方としてはHTMLのどの要素に対して何かを行うかを指定する。
stylesheet.css
/*This is a comment*/
h1 {
color: red;
}
h1(対象)をセレクタ、color(変更部分)をプロパティという
要素はclassを使って名前をつけることが可能で、
それによって識別し、各々に別のCSSを適用することができるようになる。
classを指定するときは必ず.(ドット)を先頭につけるがタグにはつけない。
stylesheet.css
.selected {
color: #ff0000;
}
1.3 よく使うプロパティ一覧
プロパティ名 | 変更部分 |
---|---|
color | 文字の色 |
font-size | 文字のサイズ |
font-family | 文字のフォント |
background-color | 背景色 |
width | 幅 |
height | 高さ |