元職業エンジニアの生き方

これまでとこれからを考えるための備忘録

HTMLでCSS(スタイルシート)を呼び出して使う備忘録

備忘録です。

 

CSSの呼び出し方を掲載します。

 

パターン1:HTML文上にStyleタグを挿入

パターン2:特定タグにStyleタグで個別挿入

パターン3:CSSファイルを別個に作って呼び出す(一般的)

 

【 パターン1 】

 index.html

<hrml>
<head>
<title>HTMLの表示テスト</title>
<style type="text/css">
<!--
p {color:red; line-height:1.5;}
-->
</style>
</head>
<body>
ここは黒で<br>
<p>ここが赤になるよ!</p>
</body>
</hrml>

 

【 パターン2 】

index2.html

<hrml>
<head>
<meta name="Content-Style-Type" content="text/css">
<title>HTMLの表示テスト</title>
</head>
<body>
ここは黒で<br>
<p style="color:red; line-height:1.5;">ここが赤になるよ!</p>
</body>
</hrml>

 

【 パターン3 】

index3.html 

<hrml>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>HTMLの表示テスト</title>
</head>
<body>
ここは黒で<br>
<p>ここが赤になるよ!</p>
</body>
</hrml>

 

style.css 

p {
color:red; line-height:1.5;
}

 

結果は全て同じ。

 


元職業プログラマ・エンジニアのMiyamoto

地域、クラウドファンディング、都市伝説、AI、人工知能、宇宙に興味があります。

Twitterやっているので宜しくお願い致します。

twitter.com