JavaWebのCSSについて詳しく解説

CSSの紹介

1.CSSの概要と機能

CSS（Cascading Style Sheets）とは、Webページの表示効果を定義するために使用されるカスケードスタイルシートです。 HTML コード内のスタイル定義の重複を解決し、後続のスタイル コードの保守性を向上させ、Web ページの表示効果を高めることができます。
機能：CSSでWebページのコンテンツと表示スタイルを分離し、表示機能を向上させます。

2.CSSとHTMLの組み合わせ（*****）（4種類）

CSSとHTMLを組み合わせる方法

1.style属性メソッド：

各タグの表示スタイルを変更するには、タグの style 属性を使用します。

例:

リーリー

この方法の方が柔軟性はありますが、複数の同一タグに対して同じスタイルを定義するのは面倒なので、ローカルでの変更に適しています。

2.スタイルタグメソッド：（埋め込みメソッド）

複数のタグを統一的に修正するにはheadタグにstyleタグを追加します。

リーリー

この方法は単一ページのスタイルを一律に設定できますが、局所的な領域には柔軟性が不十分です。

3.インポート方法：（一般的に使用される方法）

定義されたCSSファイルが既に存在していることが前提となります。 Web ページのスタイルの一部を使用する必要がある場合は、この方法を使用します。

例:

リーリー

外部 CSS ファイル (.css) の末尾を定義します。
@import url("cssファイルアドレス"); を

注: URL 括弧はセミコロンで終了する必要があります。インポートされたスタイルがこのページで定義されたスタイルと重複する場合、このページで定義されたスタイルが優先されます。

4.リンク方法：（よく使われる方法）

headタグ内のlinkタグを通じて実装します。前提条件として、まず所定のCSSファイルが存在する必要があります。

例:

リーリー

は