CSSにおける括弧の意味

ビデオ: [CSS]擬似要素と擬似クラスの意味や注意点、メリットデメリットなどを解説します！[初心者対応]

コンテンツ

キー
かっこ
かっこ
シェブロン
CSSノート
参考文献
フライト

頭字語CSSは、英語の "カスケードスタイルシート"、または "カスケードスタイルシート"から来ています。 CSSは、コンテンツを表示パラメータから分離することによって、Web開発者および設計者に高度な芸術的およびデザイン制御を提供します。 CSSステートメントはWebドキュメントのヘッダーに配置され、Webページの本文内に中括弧 - {}で表示されます。中括弧の内側には、他のCSS要素を示す括弧 - （） - または大括弧 - []があります。

CSS括弧はWebドキュメントの本文の内側で使用されます （コムストック/コムストック/ゲッティイメージズ）

キー

キーはCSS構文の主要要素です。それらは、それらに含まれるすべてのCSSパラメータの開閉を意味します。 {}として表され、それらは画像、位置、表示要素、または要素の任意の組み合わせを意味するCSS要素に従います。キーはどのdiv要素/ layerの中にも存在でき、常に "</ body>"タグの中にあります。これが一例です。

div＃example {パディング：5px;マージン：20px。幅：350ピクセル。 }

かっこ

割合や色などの関係要素は括弧で囲みます。括弧はCSS要素に追加の定義を与えます。 CSS 3より前のCSSバージョンでは、括弧はキーと同じ方法で要素を定義することができました。 2つの例は、それぞれカラー（16進コードで定義）と背景イメージです。

色：rgb（128、128、255）; image：url（ "/ images / bg.png"）

かっこ

角括弧 - [] - は属性セレクタと呼ばれ、要素の属性値を指定するために使用されます。 CSS2には4つの異なる値があり追加されましたが、CSS3では3つです。 4つのオリジナルのセレクタは、属性[title]の存在を定義します。これは、指定された "title"属性を持つ要素に対応します。単純な属性値 - input [type = "send"]。属性タイプが "send"に等しい任意のinput要素に対応します。リスト属性値 - p [class〜= "literary"]。クラス属性がスペースで区切られた単語のリストである段落に対応し、そのうちの1つは "literary"です。属性値が "http："で始まるリンク要素に対応する、部分属性値 - [href ^ = "http："]。 Internet Explorer 7が導入される前は、角かっこはあまり使用されていませんでした。IE6では、角かっこを認識できなかったためです。

多くの代数記号がCSS要素として使われています （BananaStock / BananaStock / Getty Images）

シェブロン

基本的なハイパーテキストマークアップ言語（HTML）および拡張マークアップ言語（XML）文書のセレクターとセクションは、山かっこで区切られています。。それらはいくつかのCSS要素の子要素も表します。 CSSでは、「子セレクタ」は山形記号「>」で区切られた2つ以上の項目で構成されています。これらはWebページの特定の定義されたセクションを表します。本文、つまり表示されるページです。それらの層は、互いの上に紙のシートのように積み重ねることができる。「マイクロフォーマット」として知られる特定のオブジェクトまたは日付を示します。

CSSノート

CSSの括弧から分離されていますが、それでも精巧なCSSレイアウトのための貴重な編成ツールですが、それらはスタイルシートのメモです。これらはHTMLコードに何も追加しないコメントであり、したがってページのロード時間を増やすことはありません。それらは長くて手の込んだCSSの概要を提供します。 CSSのメモは、次のように独自の属性 - / * - 内に配置されます。

/ コメントは、スラッシュとアスタリスクで区切られたセグメント内に含まれています。 /

それらはカスケードスタイルシートのセクションをナビゲートするのを助けるのに非常に貴重です。