---restore content starts---
Some of their own simple records, presumably to look at, and then to follow the same model.
I've recently written a full and an example of the attributes of each of these examples will be re-posted.
/**
* Browser Private properties
*-webkit:chrome,safari
*-moz:firefox
*-ms:ie
*-o:opera
*
* @ rule:
* @media: Responsive layout
* @keyframes: CSS Animations
* @font-face: Introducing external fonts
* ...
* Selector:
* One, simple selector (can be combined)
* Tag Selector:
* Class Selector:
* ID Selector:
* Attribute selector: [...] [Type=button] [Clss~=sports] [..|..] [Att^=val]
* Pseudo-Class selector: a:link{} a:visited{} a:hover{} a:active{}: Enabled:d isabled:checked
* Li:first-chlid Li:last-child Li:nth-child (even) parity li:nth-last-child ()
*: Only-child: Only one child element Dd:first-of-type Last-of-type Nth-of-type () nth-last-of-type
*: Empty:root:not (): Target (): lang ()
*
*
* Second, pseudo-element selector: (Two colons: Difference pseudo-Class)
*:: first-letter{}
*:: first-line{}
*:: before{}
*:: after{}
*:: selection{} content selected by the user
* Three, combination selector: (descendant selector and sub-selector)
*. Main h2{}
*. main>h2{}
* h2+p{} Brother Selector
* h2~p{}
* Four, selector grouping
* h1,h2,h3{}
*
*
*
Inheritance
* body{font-family: "Microsoft Yahei"}
* Color,font,text-align,list-style
* Non-inheritance: background,border,position
*
* Priority level:
* A. Inline style 1000
* b.ID Selector 100
* C. Class, pseudo class, attribute selector 10
* D. Tag Selector and pseudo element selector 1
*
* CSS Cascade:
* 1. Priority level
* 2. If the priority is the same, the following covers the meeting
*
* CSS Change priority
*
* 1. Change the order (if priority is the same)
* 2.
* 3.! Important
*
*
*/
/**
* Text and color:
* 1.font-size:length (12px), percentage ()
* 2.font-family:family-name (Arial), generic-family (Serif,sanc-seif) #
* 3.font-weight:normal,bold,bolder,lighter,100,200
* 4.font-style:normal,italic (Italic), oblique (tilt)
* 5.line-height:normal,number,length,percentage
* 6.color:red, #ff0000, RGB (255,0,0), Rgba (255,0,0,1), Rgba (255n0,0,0.5) 0.5 transparency
* Color:transparent; Fully Transparent
*
* Alignment Method:
* Text-align:left,right,center,justify (Justify)
* Vertical-align:baseline,sub,super,top,text-top,middle,bottom,text-bottom, percent, length
* Text-indent (Indent): Length (PX,EM), percent
* White-space:normal,nowrap,nowrap,pre,pre-wrap,pre-line
* WORD-WRAP (long word wrap): Normal,break-word
* Word-break (): Normal,keep-all,break-all
* Text-shadow (Text shadow): 1px (X-axis offset direction) 2px (Y-axis offset direction) 3px (fuzzy radius) #foo;
* Text-decoration:none,underline,overline,line-through
* Text-overflow (...): clip,ellipsis
* Cursor (defines mouse shape):(many properties)
*/
---restore content ends---
CSS Tag Selector and Text property style records