外部CSSスタイル

外部 CSS スタイル (外部スタイルとも呼ばれます) は、CSS コードを別の外部ファイルに記述することです。この CSS スタイル ファイルは、拡張子名が「.css」で、<style> 内にありません。次のコードに示すように、<link> タグを使用して CSS スタイル ファイルを HTML ファイルにリンクします。

<link href="base.css" rel="stylesheet" type="text/css" />

注: CSS スタイル ファイル名には、次のような意味のある英語の文字が付けられます。 main.css 。

2. rel="stylesheet" type="text/css"は固定の書き方なので変更できません。

3. <link>タグの位置は通常、<head>内に記述されます。

body { line-height: 130pt}
H1,H2,H3,H4,H5,H6 {
color: red;
text-decoration: underline;
font-family: " 黑体 "
}
b {
font-style: italic;
color: #FF3333;
text-decoration: underline
}

< STYLE> タグだけが欠落しており、残りの外部スタイル シートは変更されていないことがわかります。

学び続ける
||
1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
<!--p a css .pclass a class -->
<p class="pclass"> class <a href="hhtp://www.php.cn"></a></p>
<div class="divclass">hello div</div>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
图片放大关闭