CSSの記述の場所について

sakana

CSSを書く場所は3つあります。

①styleタグに書く
②インラインに書く
③外部ファイルに書く

①styleタグに書く
→headのなかに書く方法。

<!DOCTYPE html>
<html lang=“ja”>
<head>
<meta charset=“UTF-8”>
<title>CSS</title>
<style>
h1 {color: red; }
</style>
</head>
<body>
<h1>CSS入門</h1>
<p>はじめてのCSS</p>
</body>
</html>


②インラインに書く
→タグに直接、属性としてスタイルを指定します。

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<title>CSS</title>
<style>
h1 {color: red; }
</style>
</head>
<body>
<h1>CSS入門</h1>
<p style=“color: blue; ”>はじめてのCSS</p>
</body>
</html>

③外部ファイルに書く
→HTMLファイルに書き込むのではなく、違うファイルにCSSを書き、リンクで読み込むというものです。最近公開されているWebサイトではこの書き方が一般的になっています。

h1{
font-size:40px;
}
<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<title>CSS</title>
<style>
h1 {color: red; }
</style>
<link rel=“stylesheet” href=“style.css”>
</head>
<body>
<h1>CSS入門</h1>
<p style=“color: blue; ”>はじめてのCSS</p>
</body>
</html>

この記事が気に入ったらサポートをしてみませんか？