A review of CSS knowledge--reading "CSS Things" notes

Source: Internet
Author: User

Because prior to know the relevant knowledge of CSS, have a certain foundation, so read "CSS those things" is not very difficult, and I now read, CSS3 and HTML5 more popular, here just record some CSS knowledge record, do not do detailed roll-out, to do the record and later search for use.

Basic structure of 1.CSS

Selector {property:value;}

Consists of a selector (Selector), a declaration ({}), an attribute (property), and a property value;

Shorthand for 2.CSS

Shorthand for color:

There are several forms:

#RRGGBB (16 binary), RGB (125,0,255) RGB (25%,0%,255%) (RGB function value), Red,green (color name), windowtext user system color disk value;

the omission of the unit value:0 of the units can be written not written, generally do not write;

shorthand for internal and external patches:

Internal patches (padding), external patches (margin)

Direction from upper right down left;

A value when: All directions are this value;

Two values: Top and bottom first value, left and right second value;

Three values: The first value, left and right for the second value, and the third value;

Four values: by direction (upper right bottom left);

Shorthand for borders

div{border:1px solid #FF0000;}

div{border-width:1px; Border-style:solid dashed double;border-color: #FF0000;}

Shorthand for the background

Shorthand for fonts

Shorthand for a table

Selector for 3.CSS

Wildcard Selector

Class Selector

ID Selector

Include selectors

Sub-selectors

Adjacent selectors

Property Selector

Combination relationship of selectors

Pseudo-class and pseudo-object

Overrides for selectors, Z inheritance, weight precedence issues

4.CSS Extended Question

CSS Naming conventions

CSS Planning and Maintenance management

CSS Reset

A review of CSS knowledge--reading "CSS Things" notes

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.