ホームページ > ウェブフロントエンド > htmlチュートリアル > 1. CSS の仕組み_html/css_WEB-ITnose

1. CSS の仕組み_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:00:35
オリジナル
1102 人が閲覧しました

CSS は Cascading Style Sheets の略で、HTML (Standard Generalized Markup Language のアプリケーション) や XML (Standard Generalized Markup Language のサブセット) などのファイル スタイルを表現するために使用されるコンピューター言語です。これは、Web ページのパフォーマンスとコンテンツを完全に分離できるスタイル デザイン言語であり、Web ページ内のオブジェクトの位置と組版をピクセル レベルで正確に制御でき、ほぼすべてのフォント サイズとスタイルをサポートし、編集する機能があります。 Web ページのオブジェクトとモデルのスタイル。事前のインタラクション デザインを実行する機能と、テキスト表示に基づく現在最高のパフォーマンスのデザイン言語です。

CSS ルール

CSS ルールは、実際には、HTML 要素を選択し、次に選択された要素のスタイルを設定する

以下は、単純な CSS ルールです。段落の背景色を緑色に設定します

p{background-color: green}
ログイン後にコピー

CSSの基本ルール

CSSルールはセレクター+宣言で構成されます

セレクター:選択される要素を示します

宣言:属性と値で構成され、属性はそれを示します影響 要素のスタイルと値は、実際には属性の状態です

上の例では、左から右へのルールが、セレクター、左中括弧、属性、コロン、値、右中括弧であることがわかります

基本ルールの拡張 1: 複数の宣言が 1 つのルールに含まれます

p{color: green;font-size: 45px;font-weight: bold}
ログイン後にコピー

各宣言の後にセミコロンを追加して分離を示します

基本ルールの拡張 2: 複数のセレクターが結合されます

h1,h3,p{color: green;font-size: 45px;font-weight: bold}
ログイン後にコピー
ログイン後にコピー

Separateカンマ付きのセレクター

基本ルールの拡張 3: 複数のルールが同じセレクターに適用されます


h1,h3,p{color: green;font-size: 45px;font-weight: bold}
ログイン後にコピー
ログイン後にコピー

ここで、p 段落の背景色を青にしたいので、引き続きルールを追加できます

p{background-color: blue}
ログイン後にコピー

CSS セレクターの分類

特定の要素を選択するために使用されるすべてのセレクターは、コンテキスト セレクター、ID およびクラス セレクター、属性セレクターの 3 つのタイプに分類されます

コンテキスト セレクター

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート