ホームページ  >  記事  >  ウェブフロントエンド  >  html内にcssは書けますか?

html内にcssは書けますか?

藏色散人
藏色散人オリジナル
2020-12-03 12:02:204627ブラウズ

cssはHTML内に記述できます 記述方法は、 1. headタグのstyleタグ内にcssを記述する 2. HTMLコードに直接style属性を追加し、 にcssコードを定義する属性。

html内にcssは書けますか?

このチュートリアルの動作環境: Windows7 システム、css3&&html5 バージョン、Dell G3 コンピューター。

推奨: 「css ビデオ チュートリアル 」 「HTML ビデオ チュートリアル

HTML で CSS を記述する方法:

1. 内部スタイルシート - headタグのstyleタグにcssを記述する

##単一のファイルに特殊なスタイルが必要な場合は、内部スタイルシートを使用できます。 head セクションの c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用して内部スタイル シートを定義できます。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

c9ccee2e6ea535a969eb3f532ad9fe89 タグは、HTML ドキュメントのスタイル情報を定義するために使用されます。

スタイルでは、HTML ドキュメントがブラウザーでどのようにレンダリングされるかを指定できます。

type 属性は必須であり、style 要素の内容を定義します。可能な値は「text/css」のみです。

style 要素は head セクションにあります。

2. インライン スタイル - HTML コードに style 属性を直接追加し、属性内で CSS コードを定義します。

特別なスタイルを個々の要素に適用する必要がある場合、次のことができます。インラインスタイルを使用します。インライン スタイルを使用する方法は、関連するタグで style 属性を使用することです。スタイル プロパティには、任意の CSS プロパティを含めることができます。次の例は、段落の色と左余白を変更する方法を示しています。

rree

以上がhtml内にcssは書けますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。