ホームページ > 記事 > ウェブフロントエンド > JavaWebのCSSの詳細説明
JavaWebのCSSの詳細説明
- 高洛峰オリジナル
- 2017-03-17 11:51:451439ブラウズ
CSS入門
1. CSSの概要と機能
CSS:Cascading Style Sheets）とは、Webページの表示効果を定義するために使用されるカスケードスタイルシートです。 HTML コード内のスタイル定義の重複を解決し、後続のスタイル コードの保守性を向上させ、Web ページの表示効果を高めることができます。
機能：CSSでWebページのコンテンツと表示スタイルを分離し、表示機能を向上させます。
2. CSSとHTML（*****）の組み合わせ（4種類）
CSSとHTMLの組み合わせ方
1. スタイル属性の方法：
タグ内のstyle属性を使用して表示を変更します各タグのスタイル。
例:
<p style="background-color:#FF0000; color:#FFFFFF"> p标签段落内容。</p>
この方法の方が柔軟性はありますが、複数の同一タグに対して同じスタイルを定義するのが面倒なので、ローカルでの変更に適しています。
2. styleタグメソッド：（埋め込みメソッド）
複数のタグを一律に変更するには、headタグにstyleタグを追加します。
<head>
<style type=”text/css”>
p { color:#FF0000;}
</style></head>
この方法は単一ページのスタイルを均一に設定できますが、局所的な領域には十分な柔軟性がありません。
3.インポート方法：（よく使われる方法）
前提としてCSSファイルが定義されていることが前提となります。 Web ページのスタイルの一部を使用する必要がある場合は、この方法を使用します。
例:
<style type="text/css">
@import url(css_3.css);
p { color:#FF0000;}</style>
外部CSSファイル(.css)の末尾を定義します。
@import url("css file address"); は