目次
CSS概要
CSS:Cascading Style Sheets
CSSは記事の見た目を装飾するための言語
拡張子は「.css」
CSSの適用方法
HTMLファイルでCSSファイルを読み込ませて適用
HTMLファイルの<head>タグ内に<link>タグを使ってCSSファイルを指定する。
<head>
<link rel="stylesheet" href="style.css">
</head>
HTMLファイルの<head>タグ内に<style>タグで記述して適用
<head>
<style>
h1 { color : #FF0000; }
p { font-size : 18px; }
</style>
</head>
HTMLタグの中にstyle属性を記述して適用
CSSを適用させる優先順位が最も高い。
汎用的なCSSを用意しておいて、特別なデザインに一部だけを上書きするときに使える。
<body>
<h1 style="color: #FF0000;">赤字タイトル</h1>
<p style="font-size: 18px;">18px font</p>
</body>