第二章事前に理解すべき用語と概念

第二章事前に理解すべき用語と概念

必ず知っておくべきCSS世界の専門用語例えば

.vocabulary{
    height:99px;
    color:transparent;
}

属性:上記height,color

値

整数値:z-index:1の1で、

に属します.

数値:line-height:1.5の1.5で、

に属します.

パーセント:padding:50%の50%です.

に属する

長さ値:99 px

カラー値:#999

文字列値、位置値、

CSS 3では、角度値、周波数値、時間値などのタイプ

がある.

キーワード:

例えばtransprent,solid,inherit...

inheritは汎用キーワードとも呼ばれ、CSSのすべての属性は彼の

を使用することができる.

変数

CSS 3のcurrentColor

長さ単位

時間単位:s,ms

角度単位:deg,rad...

2%;長さの単位ではなく、完全な値です.

+長さの単位=

相対長さ単位

相対フォント長単位:em,ex,CSS 3のrem,ch

相対視領域長単位:vh,vx,vmin,vmax

絶対長単位

px,pt,cm,mm,pc等

ファンクション

rgba(0,0,0,0.5), url('css-world.png'),attr('href'),scale(-1)

属性値:コロンの後にある属性値

例えば1 px solid rgb(0,0,0)値+キーワード+ファンクション

z-index:1の1も

の値です.

宣言:属性名に属性値を付けると宣言されます.

color:transparent;

宣言ブロック:小包の一連の宣言です.

上記のコード

のように

ルールセットまたはルール:セレクタが表示され、宣言ブロックも表示されます.

上記のすべてのコード

のように

セレクタ:以上のようにする.vocabulary

類選択器:.vocabulary

IDセレクタ:#id

プロパティセレクタ

[sttribute]

[attribute=value]

[sttribute~=value]属性に指定する語彙を含む要素を選択するための

.

[attribute|=value]は、指定値の先頭にある属性値を持つ要素を選択するためのものであり、この値は単語全体である必要がある.

[attribute^=value]属性値を一致させ、値の先頭にある各要素を指定します.

[sttribute$=value]属性値を一致させ、値の最後の各要素を指定します.

[attribute*=value]一致属性値には、指定した値の各要素が含まれます.

擬似クラスセレクタ:first-child、last-child

擬似要素セレクタ::first-line,::first-letter,::before,::after

リレーションシップセレクタ

子孫セレクタ;

をスペースで接続

隣接する子孫セレクタ:子要素のみ選択>

兄弟セレクタ:現在厳粛に隣接するその合会規則の兄弟要素を選択~

隣接兄弟セレクタ:現在の要素が隣接するその会合規則の兄弟要素のみを選択+

@ルール

@media

@font-face

@page

@support

CSSの世界における「未定義の動作」を理解する

ブラウザ仕様では考えられない枝葉末節の実現を「未定義行為」と呼ぶ.