ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの専門用語は何ですか? CSS の専門用語の紹介

CSSの専門用語は何ですか? CSS の専門用語の紹介

云罗郡主
云罗郡主転載
2018-10-15 15:17:333403ブラウズ

この記事では、CSS の専門用語について説明します。 CSS の専門用語の紹介は、必要なときに参考にしていただければ幸いです。

1. 高さ、色などのプロパティ

は CSS プロパティと呼ばれます。

2. CSS 内の値 (10px、50%、#ccc など) はすべて CSS 値と呼ばれます。より一般的な型の値は、整数値、数値、パーセント値、長さの値、色の値

3 です。キーワード

は、CSS のいくつかの非常に重要な単語を指します。ソリッド、アブソリュート、ブロックなどはすべてキーワードです。

#4. 変数

## 現在、CSS には次のような変数と呼べる変数がほとんどありません。 ##5. 長さの単位

(1)。相対的な長さの単位: 相対的なフォントの長さの単位と相対的なビューポートの長さの単位に分かれています

em、ex、rem、ch (文字の幅 0) などの相対的なフォントの長さの単位

相対的なビューポートの長さvh、vw、vmin、vmax

(2) などの単位。絶対的な長さの単位: px、pt、cm など。

6. 関数記号

値は関数の形式で指定され、主に色 (rgba および hsla) を表すために使用されます。 、背景画像アドレス (url )、計算 (calc)、トランジション効果など。 rgba (0,0,0,0.5)、url ('a.png')、scale (-1) など。

7 属性値

属性コロンの後のすべての内容は次のとおりです。総称して属性値と呼ばれます。例: 1px Solid rgb (0,0,0)

8. 宣言

属性名と属性値が宣言になります。例: color:parent;

9. 宣言ブロック

宣言ブロックは、中括弧 {} で囲まれた一連の宣言です。例:

{
height: 100px;
color: #ccc;
}

10。セレクターが表示され、その後に宣言ブロックが続きます。

.nav {
color: tansparent;
width: 23px;
}

11 など。セレクター

クラス セレクター、「.」で始まるセレクター、次のような多くの要素に同じクラス セレクターを適用できます。ナビ、。 active

ID セレクター (「#」で始まるセレクター) は、通常、一意の要素を指します。例: #header、#page

属性セレクターは、input[type="text"] { }、[title~="css-world"] { など、[] を含むセレクターを指します。

疑似クラス セレクターは、:first-child、:nth-child (1)、:hover

疑似要素セレクターなど、英語のコロンが前に付いたセレクターを指します。 ::after、::befor

12 など、2 つの連続する英語のコロンのセレクターがあります。 関係セレクター

子孫セレクターは、スペースで接続された子孫要素を選択します。 parent .child { }

隣接する子孫セレクター (子セレクター) は、ルールに準拠する第 1 レベルの子要素 ​​(息子) を選択し、孫、ひ孫、2 番目の子要素などを無視します。 > Connection (IE7 以降) を使用します。例: .parent>.first-child { }

兄弟セレクター。現在の要素 ~ connection の後のすべての兄弟要素を選択します (IE7 以降)。 : .nav~ .siblings { }

隣接兄弟セレクター。次のような現在の要素 (IE7 以降) に隣接する兄弟要素を選択して接続します。 .header .nav { }

13. @Rule

@ 文字で始まるいくつかのルール (メディア クエリ @media、フォント @font-face

上記は、CSS の専門用語とは何ですか? CSS の専門用語の完全な紹介

CSS ビデオ チュートリアル

について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

以上がCSSの専門用語は何ですか? CSS の専門用語の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。