ホームページ > ウェブフロントエンド > htmlチュートリアル > JavaWebのCSSについて詳しく解説

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

WBOY
リリース: 2016-10-20 10:09:25
オリジナル
866 人が閲覧しました

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ファイルアドレス"); を