CSS とは何か、CSS の設定方法

著者: Loncer その他の学習リソースは次のとおりです: wwww.loncer.cn

CSS とは

CSS とは、英語の Cascading Style Sheets、中国語では「カスケードスタイルシート」の略で、Web ページ要素の表示位置や形式を簡単に設定できるほか、フィルタ、画像フェード、Web ページのフェードインおよびフェードアウトのグラデーション効果。つまり、CSS は、Web ページの表示効果に関して Word と同じ組版制御を実現するものです。
たとえば、次のコード:

つまり、CSS スタイルが設定されています

上記からわかるように、HTML 要素の style 属性では複数のスタイルを指定できます。各スタイルの名前と設定値はコロンで区切られ、各スタイルはセミコロンで区切られます。 . さまざまな「スタイル名」を「CSS属性」、スタイルの「設定値」を「CSS属性値」といいます。このようにWebページ要素の表示効果を設定する方法がCSSです。

CSSの設定方法

インラインスタイルシート（インラインスタイルシート）

HTML の四角形タグの style 属性を直接設定する方法をインラインスタイルシートと呼びます。
例:
インラインスタイルシートを使用する場合、HTML4.01 標準では、ユーザーが次のように Web ページのタグの間にタグを追加することを推奨しています。
:
この方法の使用には 2 つの欠点があります。
1.同じスタイルを設定するすべての段落に対して、

タグごとに設定を繰り返します。
2. Webページは複数のメディアやメディアに出力できますが、インラインスタイルシートで設定したスタイルはすべてのメディアに出力したときに有効となり、メディアごとに異なるスタイルシートを指定することはできません。

埋め込みスタイルシート (埋め込みスタイルシート)

media は、このスタイルが表示されるメディアを指定します
CSS をサポートしていないブラウザ用に作成されています

の間にスタイルルール定義ステートメントを配置します。ファイルは外部スタイルシートファイルで、拡張子は .css です。外部スタイルシートファイルは、HTTP タグを介して HTML ドキュメントにリンクできます。
例: 」に下線を付けます TBODY>

まず、次のコードを使用して test.css ファイルを作成します:
P{
"FONT-SIZE:20px;COLOR:bule;FONT-FAMILY:宋体;BACKGROUND-COLOR:gray;TEXT-DECORATION: 「
}

スタイルシートを使用する別のファイルを作成し、両方を同じフォルダーに設定します。

type と media はオプションですが、rel と href は必須です。

外部スタイルシートを使用すると、Web ページ作成者は 1 つのファイルを変更するだけで Web 全体の外観を変更できます。ほとんどのブラウザは外部スタイルシートファイルをバッファに保存するため、サイトの閲覧が高速になります。

インポートされたスタイルシート

CSS の @import を使用して、CSS ファイルを別の CSS ファイルにインポートできます。インポートされた CSS スタイルルール定義ステートメントは、入力された CSS スタイルルールの一部になります。定義ステートメント。 @inport を使用して CSS ファイルをタグペアにインポートすることもできます。入力した CSS スタイルルール定義文が、タグペアの定義文となります。
例:

注: すべての @import パーツは前に配置する必要があります

このウェブサイトの声明

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