外部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> タグだけが欠落しており、残りの外部スタイル シートは変更されていないことがわかります。
新しいファイル
<!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://m.sbmmt.com">效果</a></p>
<div class="divclass">hello div</div>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
