HTMLとCSSのお勉強（備忘録）vol.2

CSSの書式について

h1{
font-size:16px;
}

h1　セレクタ　HTMLのどこにスタイルを適用するかを示す
font-size:　プロパティ　
16px;　値
{〜}　宣言ブロック　どんなスタイルを適用するかを記述する場所

HTMLにCSSを適用する

@charset "utf-8";

body {
	font-family: sans-serif;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
p {
	margin-top: 0;
	margin-bottom: 0;
}
.aaa {
	list-style-type: none;
}
.bbb {
	padding: 16px;
	border: 1px solid #095cdc;
}

CSSファイルの文字コードを指定する
@charset "utf-8";

ページ全体のフォントを指定する
body {
font-family: sans-serif;
}

各要素のフォントサイズを指定し、要素と要素の間のスペースをなくす
h1 {
font-size: 20px;　h1のフォントサイズを20pxにする
}
h2 {
font-size: 16px;　h2のフォントサイズを16pxにする
}
p {
margin-top: 0;　　　pの上マージンを0にする（スペースをなくす）
margin-bottom: 0;　pの下マージンを0にする（スペースをなくす）
}

.aaa {
list-style-type: none;　箇条書きの『・』を消す
}
.bbb {
padding: 16px;
border: 1px solid #095cdc;　枠線を書く
}