CSS Tag Selector and Text property style records

Source: Internet
Author: User
Tags word wrap

---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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.