HTML&CSS Design and build Web site notes CSS

1.CSS rules

If two selectors are identical, the following appears

The more specific the selector, whichever

2.letter-spacing word-spacing

Letter spacing, Word spacing

3.:first-letter:first-line

P:first-letter the first letter of the P-paragraph

4.[]

[Attribute] used to select an element with the specified attribute.

[Attribute=value] used to select an element with the specified attributes and values.

[Attribute~=value] used to select the element in the attribute value that contains the specified vocabulary.

[Attribute|=value] used to select an element with an attribute value that begins with the specified value, which must be the entire word.

[Attribute^=value] matches each element of the property value to the beginning of the specified value.

[Attribute$=value] matches each element of the property value to the end of the specified value.

[Attribute*=value] matches each element of the property value that contains the specified value.

5.ie6 Border-width

Non-ie6:margin+padding+width = final width, i.e. change margin,padding will change width

IE6 No DOCTYPE declaration: Width = final width width contains margin and padding, i.e. change margin,padding does not change width

6. Properties

List-style-type

List-style-image

List-style-position

Cursor Cursors

7.HTML5 layout

650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M01/58/3D/wKioL1Ss4UizcxN6AABhXXL7lC0762.jpg "title=" html5_ Structure.png "alt=" Wkiol1ss4uizcxn6aabhxxl7lc0762.jpg "/>

Browsers that do not support HTML5 will take these tags as inline elements, so

header, section, NAV, article, Fotter, aside{Display:block;}

8.GOOGLE ANALYTICS Track The behavior of your visitors

HTML&CSS Design and build Web site notes CSS