外部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://www.php.cn">效果</a></p> <div class="divclass">hello div</div> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜