プログラミング メモ

CSSメモ:CSSを書く場所

更新日:

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タグに書く

&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
p {
	color:red;
	font-size:16pt;
}
&lt;/style&gt;
&lt;title&gt;タイトル&lt;/title&gt;
&lt;/head&gt;

3.タグにstyle要素を書く
<p style="color:red;font-size:16pt;">

-プログラミング, メモ
-,

Copyright© indite , 2025 All Rights Reserved Powered by STINGER.