ホームページ > 記事 > ウェブフロントエンド > HTML での CSS の使用方法
HTML での CSS の使用方法
- (*-*)浩オリジナル
- 2019-08-26 16:03:592609ブラウズ
HTML4.0 では、すべての書式設定コードを HTML ドキュメントから別のスタイル シート (.css) に移動できます。
スタイルの使用方法(推奨学習: HTML 入門チュートリアル)
ブラウザ スタイルシートを読み取った後、スタイルシートに従って文書を整形します。スタイル シートを挿入するには、次の 3 つの方法があります。
外部スタイル シート
スタイルを多くのページに適用する必要がある場合は、外部スタイル シートを使用します。理想的な選択。 外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
内部スタイル シート
単一のファイルに特別なスタイルが必要な場合は、内部スタイル シートを使用できます。 head セクションの c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用して内部スタイル シートを定義できます。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>インライン スタイル
インライン スタイルは、特別なスタイルを個々の要素に適用する必要がある場合に使用できます。インライン スタイルを使用する方法は、関連するタグで style 属性を使用することです。スタイル プロパティには、任意の CSS プロパティを含めることができます。次の例は、段落の色と左余白を変更する方法を示しています。
rree以上がHTML での CSS の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLコメントは何をするのでしょうか?次の記事：HTMLコメントは何をするのでしょうか?