ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML style_html/css_WEB-ITnose
HTML style_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:03:37842ブラウズ
まず、前のスタイルの例
<!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 の c9ccee2e6ea535a969eb3f532ad9fe89 タグを通じて内部スタイル シートを定義できます。
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style></head> 3> インライン スタイル
インライン スタイルは、個々の要素に特別なスタイルを適用する必要がある場合に使用できます。インライン スタイルを使用する方法は、関連するタグで style 属性を使用することです。
<p style="color: red; margin-left: 100px">设置段落颜色为红色，距离左边100px</p>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。