CSS

文系のHTM/CSS学習(2)

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 高さ