In line to see, steal for backup purposes
1. property (Property)
applied to the selector style, for example: border, backgroundilk.
2. value (Value)
is the value of property owned by le. For example: 1pxlike, say ~~
3. Keyword (Keyword)
is the CSS which is very important, very critical of the word, that stuff can not be wrapped in quotation marks. For example: solid, dotted, dashedand his ilk, he said ~~
4. The unit of length (Length Units)
is the unit value, after the number of those with stuff. Than to say that, px, %, emand other.
The function symbols (Functional Notation)
value is specified as a function of (in parentheses is to be one), is mainly used to represent the color (RGBA, HSLA), the background picture address (URL), the attribute value, the transition animation, like saying: rgba(0, 0, 0, 0.5), url('im.png'), attr('href'), scale(20). About function symbols, see more here .
6. Statement (Declaration)
Property name + value is the statement said, for example:
background: red;
7. declaration block (Block Declaration)
{} braces wrapped a series of statements as follows:
{
display: table-cell;
color: sky;
}
8. rule or set of rules (Rule or Rule Set)
appeared selector, but also the rear end with the declaration block, say, for example:
.halibote7{
display: table-cell;
color: sky;
}
9. selector (Selector)
used to target things target element, such as the above .halibote7is a selector ha. More options, you can see here , or see the following:
♀ class selector (Class): In general, this humble beginning to dot selector. "." A lot of elements may be the same class selector. Well class, is to be born common life.
♀ ID selector (ID): "#" starts, the comparison looks arrogant. boss feeling, so-called mountain can not be two tigers, ID generally point to the only element, however, CSS in, ID style multi seemingly decent, but obviously not recommended to do so.
♀ attribute selector (Attribute Selector): that looks like the following div[title]{}, or similar to the following div[title="演示"]{}, or similar to the following div[title~="演示"]{}, or similar to the following div[title^="演示"]{}, or similar to the following, div[title$="演示"]{}or ......
♀ pseudo class selector (Pseudo-Classes): usually in front of a colon ":" selector, for example, said: :first-childor :last-childblah blah.
♀ pseudo-element selectors (Pseudo-Elements): how do you say, that there will be two consecutive colons of selectors, said like: ::first-line, ::first-letter, ::before, ::after. An essay before me: " Use CSS3 change the default color for selected text ," is to use pseudo-element selectors realized.
10. Relationship selector (combinators)
in selector element ambiguous relationship with other elements in accordance with common symbols spaces (), the sharp sign (>), a plus sign (+), as well as curved number (~) etc., so there:
♂ descendant selector (descendant Combinator): similar #yayunhui h1 {}, directly to the eligible children and grandchildren are chosen, say ~ ~
♂ child selector (child Combinator): direct selection son, grandson and neglect from the Sun, etc., pointed number is to do this live.
♂ near Brothers selector (Adjacent Sibling Combinator): What's with elements of other elements directly adjacent to say ~ ~
♂ general sibling selector (General Sibling Combinator): is adjacent to, but less directly.
11. @ rule (At-Rules)
at the beginning of the @ character some rules, such as @import, @page, @media, and @font-faceso on.
12. The media feature (Media Features)
using media queries property, you can be targeted according to the display pattern different media. Of course, the most common media features should be min-widthand min-heightlike the.
13. The merchant specified extension (Vendor-specific Extension)
is a private property of some friends. For example, some common prefix private CSS3 friends, -moz-, or -webkit- or -o- or -ms- like to say, there are many other private property under the IE browser seemingly more say, not carried out.
Third, the end
Transfer Zhangxin Xu - Space Xin - Xin Life: http://www.zhangxinxu.com/wordpress/?p=1240
Reference article: CSS Vocabulary
Reproduced in: https: //www.cnblogs.com/fishsean/archive/2010/12/29/1920913.html