ホームページ > 記事 > ウェブフロントエンド > CSSの専門用語は何ですか? CSS の専門用語の紹介
この記事では、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 サイトの他の関連記事を参照してください。