NSB WEB CLASS

水曜日3-4限(11:10-12:25) WEBデザインⅠ(Dreamweaver)

【2024/05/15】

2024/05/15

CSS基礎

文字をスタイルで装飾する

フォントサイズを指定する

			h1 {
font-size: 18px;
}

文字の太さを指定する

			h1 {
font-weight: bold;
}

太さの指定は上記のように文字で指定する方法と、100~900の数字で指定する方法があります。

文字色を指定する

			h1 {
color: #000;
}

上の例ではHTMLカラーコードで指定しています。
その他に複数の指定方法がありますが、主に使われるのはHTMLカラーコードとrgbaによる指定の2種類です。

文字装飾

			h1 {
text-decoration: underline;
}

行の高さ

			h1 {
line-height: 1.6;
}

フォントファミリーを指定する

			h1 {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}