HTMLスタイルについて - CSSの詳細紹介

CSSの使い方

<p style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> CSS は HTML 4 で始まり、 HTML 要素 のレンダリングを改善するために導入されました。 CSS は次の方法で HTML に追加できます:

<ul style="line-height: 16px; font-size: 12px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"> インライン スタイル - HTML 要素で「style」属性を使用します。 内部スタイル シート - HTML ドキュメント の head > 領域の 要素

を使用して CSS

外部 参照 - 外部CSS ファイルを使用します

最善の方法は、CSS ファイルを外部から参照することです。

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

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

ボディ {背景色:黄色;} p {色:青;}

外部スタイルシート 外部スタイル シートは、多くのページにスタイルを適用する必要がある場合に最適です。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。

HTML スタイルのタグ タグ 説明 テキストスタイルを定義する リソース参照アドレスを定義します 非推奨のタグと属性 HTML 4 では、元々 HTML 要素のスタイル定義をサポートしていたタグと属性は非推奨になりました。これらのタグは、 HTML タグ の新しいバージョンをサポートしません。

使用が推奨されないタグ: 、 、

非推奨の属性: color と bgcolor.