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;">