CSSの作成

CSSの作成

スタイルシートが読み取られると、ブラウザはそれに応じてHTMLドキュメントをフォーマットします。

スタイルシートの挿入方法

スタイルシートを挿入するには3つの方法があります:

外部スタイルシート
インラインスタイル

外部スタイルシート

多くのページにスタイルを適用する必要がある場合、外部スタイルシートが最適です。外部スタイルシートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページはタグを使用してスタイルシートにリンクします。 (ドキュメントの) head 内の
タグ:

<head>

</head>

ブラウザは、ファイル mystyle.css からスタイル宣言を読み取り、それに応じてドキュメントをフォーマットします。
外部スタイルシートは、任意のテキストエディタで編集できます。ファイルには HTML タグを含めることはできません。スタイルシートは .css 拡張子を付けて保存する必要があります。スタイルシートファイルの例を次に示します。

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("../style/images/back40. gif ");}

属性値と単位の間にスペースを入れないでください。「margin-left: 20px」の代わりに「margin-left: 20 px」を使用すると、IE 6 でのみ機能し、Mozilla/Firefox または Netscape では機能しません。

内部スタイルシート

単一のドキュメントに特別なスタイルが必要な場合は、内部スタイルシートを使用する必要があります。次のように、<style> タグを使用してドキュメントの先頭に内部スタイルシートを定義できます。タグは、次のようにドキュメントの先頭に内部スタイルシートを定義します。

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("../style/images/back40.gif");}

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("../style /images/back40.gif");}
</style>
</head>
インラインスタイル
プレゼンテーションとコンテンツが混在しているため、インラインスタイルは失われますこれにより、多くの利点が失われますスタイルシートの。たとえば、スタイルを要素に 1 回だけ適用する必要がある場合など、この方法は注意して使用してください。
インラインスタイルを使用するには、関連するタグ内で style 属性を使用する必要があります。 Style プロパティには、任意の CSS プロパティを含めることができます。この例は、段落の色と左余白を変更する方法を示しています:
<p style="color:sienna;margin-left:20px">これは段落です</p>
優先度
同じ HTML 要素のスタイルが外部スタイルシート、内部スタイルシート (タグ内にある)、
インラインスタイル (HTML 要素内) で設定されている場合、インラインスタイルはエフェクトスタイル (HTML 要素内) なので、その優先順位は
インラインスタイル (HTML 要素内) が最も高く、次に内部スタイルシート (タグ)
そして最後に外部スタイルシート

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> p {color: #e22c5e } </style> </head> <body> <p STYLE="color: #1c10b4">css的优先级</p> </body> </html>

提出するリセットコード

自動運転