HTML style_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:03:37
オリジナル
810 人が閲覧しました

まず、前のスタイルの例

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title> This is my HTML</title>    <!-- 定义样式-->    <style type="text/css">        h2 {color: red}        p {color: green}    </style></head><body>    <h2>红颜色</h2>    <p>绿颜色</p></body></html>
ログイン後にコピー

HTML にスタイル シートを挿入する 3 つの一般的な方法

1>外部スタイル シート

プロジェクトでは、各ページの共通部分に外部スタイルシートを使用できます。外部スタイル シートを使用すると、1 つのファイルを変更するだけでプロジェクト全体の外観を変更できます。

<head><link rel="stylesheet" type="text/css" href="mySelfStyle.css"></head>
ログイン後にコピー

下の図は、私のプロジェクトのページで使用されている外部スタイル シートです

2> 内部スタイル シート

単一のファイルに特別なスタイルが必要な場合は、head の