Memo: Glossary of CSS Terms--Zhang Xin Xu

One, jutting dot what

Writing articles often use some of the professional vocabulary of CSS. But after all, Fang Hua Young not, head a little show tease, many nouns can not remember, this feeling than the toilet constipation also uncomfortable. For example, today can't remember the company recognized face the most PP colleague's name, did not think I can not remember the name of the beautiful woman. I feel a bleak wind behind me, I have become the comic inside the program ape-

One day wandering to Nimbupani, found that there is a special display of CSS terminology articles, wow ka ka, feel like a bite of authentic Gaoyou salty duck eggs, but others are English, so I also want to localize the retouching process, and then, you can leave their own memo ha, said.

Second, the CSS vocabulary I come also

1. Attribute (property)
The styles applied to the selector, such as: border , Flow background .

2. Values (value)
Is the value that the property has. Like, say 1px , like, say ~ ~

3. Keywords (Keyword)
Is the CSS inside is very important, very key words, can not be wrapped in quotation marks that east. For example, said:, the flow solid dotted dashed , said ~ ~

4 Unit (length Units)
is the unit of value, followed by the number of things. Marshal said,, and px % em so on.

5. function character (functional Notation)
The value is specified as a function (that is, the one enclosed in parentheses), which is used primarily to denote color (RGBA, Hsla), background image address (URL), attribute value, transition animation, and so on, as in the words:,, rgba(0, 0, 0, 0.5) url(‘im.png‘) attr(‘href‘) scale(20) . For more information about the function, see here.

6. Declaration (Declaration)
The attribute name + value is declared, say, for example:

background:red;

7. Declaration block (Declaration block)
The {} curly braces wrap a series of declarations as follows:

{    Display:table-cell;    Color:sky; }

8. Rule or rule set
A selector appears, followed by a declaration block, say, for example:

. halibote7{    Display:table-cell;    Color:sky; }

9. The selector (Selector)
is used to aim at the target element, such as above. Halibote7 is a selector of the ha. For more selectors, see here, or see below:
♀ class selector: Generally speaking, "." This humble point number begins with the selector. Many, many elements can be used with the same class selector. Class, born is a common life.
♀id Selector (ID): "#" starts with a more arrogant look. Boss feel, so-called a mountain not two tigers, ID generally point to the only element, but, CSS, id style more use seems passable, but obviously not recommended to do so.
♀ Property Selector (Attribute Selector): Just look like this div[title]{} , or something like this div[title= "demo"]{} , or something like this div[title~= "demonstrates"]{} , or is similar to the following div[title^= "demo"]{} , or is similar to the following, div[title$= "demo"]{} Or is ...
♀ pseudo-class selector (pseudo-classes): typically preceded by a ":" selector, such as: : First-child   or   : Last-child and so on.
♀ pseudo-element selector (pseudo-elements): How to say, there will be two consecutive colons of the selector said, like: :: First-line ,   :: First-letter ,   :: Before ,   :: After . I had an article earlier: "Use CSS3 to change the default color selected by the text" is implemented using the pseudo element selector.

10. Relationship selector (combinators)
Based on the ambiguous relationship with other elements of the selection element selector, the common symbol has a space (), the cusp (>), plus (+), as well as the curved number (~), and so on:
♂ descendant selector (descendant Combinator): similar to #yayunhui h1{}, directly to the eligible descendants have chosen, said ~ ~
♂ Sub-selector (child Combinator): Direct selection of the son, while ignoring the grandson and from the Sun, the cusp is to do this work.
♂ near Brother selector (adjacent Sibling Combinator): What is the element that is directly adjacent to other elements?
♂ General Sibling Combinator: Also adjacent, but not so direct.

11. @ Rule (at-rules)
Some rules start with the @ character, like,,, @import @page and so @media @font-face forth.

12. Media Features (Features)
Using the Media queries property, you can have a targeted display style based on different media. Of course, the most common media features should be min-width and the min-height like.

13. Merchant-Specified extensions (vendor-specific Extension)
is some private property. For example, some of the common CSS3 of private prefixes,-moz-, or-webkit-or-o-or-ms-, and so on, there are many other, ie browser private properties seems to be more said, do not expand.

Iii. the end of

Ah ah, the last few words are very difficult to express, may be some inaccurate. That's all, it's enough for a memo, eh!
Reference article: CSS vocabulary

Original article, reprint please indicate from Zhang Xin Xu-Xin space-Xin Life [http://www.zhangxinxu.com]
This address: http://www.zhangxinxu.com/wordpress/?p=1240

(End of this article)

Memo: Glossary of CSS Terms--Zhang Xin Xu