CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="sample.css" type="text/css" />
<style type="text/css">
p {
color:red;
font-size:16pt;
}
</style>
<title>タイトル</title>
</head>
<body>
<p style="color:red;font-size:16pt;">
Hello World!
</p>
</body>
</html>
1.htmlファイルとは別にcssファイルを作り、linkタグで参照する方法
p {
color:red;
font-size:16pt;
}
このようなファイルを作り(sample.css)、headタグ内のlinkタグで参照する。
<link rel="stylesheet" href="sample.css" type="text/css" />
2.htmlファイルのheadタグ内でstyleタグに書く
<head>
<style type="text/css">
p {
color:red;
font-size:16pt;
}
</style>
<title>タイトル</title>
</head>
3.タグにstyle要素を書く
<p style="color:red;font-size:16pt;">