HTML使用する際に必ず出てくるのが「CSS」です。
具体的にCSSはどんな場面で利用するのか？簡単に説明していきます
CSSとは？
CSS（Cascading Style Sheetsの略称）とは、HTML文章の見た目をデザインするための言語です。
背景の色を変えたり、文字の種類や大きさを変更することが出来ます。
家に例えると、HTMLが建物の骨組み部分となり、CSSはフローリング材や屋根の色など、見た目の部分を担当します。
CSSで主に出来ること
- 文字デザイン
- 背景
- 余白
- サイズ
- レイアウト
などが出来ます。
CSSの指定方法
CSSの指定には主に3つの記述方法が存在します。
①CSSファイルを読み込んで適用させる
存在する中で最も使用する適用方法です。
HTMLの<head>内に<link>タグを使用してCSSファイルを指定します。
1つのCSSファイルを複数のHTMLファイルに読み込ませることが出来る為、一括管理が出来て便利です。
<head>
…
<link rel=”stylesheet” href=”style.css”>
</head>
relに”stylesheet”、hrefにCSSファイルを指定してあげれば適用されます。
②HTMLファイルの<head>内に<style>タグで指定する
HTMLファイルの<head>内にCSSを書き込む方法です。
特定のぺージのみデザインを変更させることが出来ます。
他のHTMLファイルには反映されない為、注意が必要です。
<head>
…
<style>
p{
color:red;
}
</head>
③HTMLタグの中にstyle属性を指定する
HTMLタグ内に直接CSSを書き込む方法です。
直接書かれたタグにのみ適用されます。
1つ一つのタグに指定するので手間がかかり、メンテナンスむ難しいです。
<body>
…
<p style=”color:red”>こんにちは</p>
</body>
CSSファイルの拡張子
CSSファイルの拡張子は「.css」となっています。
コメント