CSS基础学习

CSS基础学习

1.四种类型语法(我认为)

*{...}           /* 所有 */

P{...}           /* HTML标记 */

.class1{...}     /* 类选择器(点号) */

#id1{...}        /* ID选择器(井号),(有局限性) */

2.选择符组

H1,H2,P,SPAN,H3 {...}

3.包含选择器(空格),子选择器

Table a{...}

#id1 P{...}

.class2 #sub5{...}

#id3 .class4 a{...}

4.url(...)中无需引号,不然错误

5.链接(锚伪类)示例

A{}

A:link{}

A:actiove{}

A:Hover{}        /* 悬停时 */

A:visited{}

6.注释用"/* 这里是注释文字 */"

7.CSS层叠样式性,即继承性

8.优先级:最近优先原则

(1)id 最高

(2)class

(3)html

(4)...

若需要超越优先级则用"!important",示例:

P{color:#FF0000!important}  /* 本来HTML标签优先级低,但此时抢先*/

.class1{color:#00FFFF}

#id{color:#0000FF}          /*若无抢先,则最高*/

9.CSS各标记的组合如同九九乘法表,组合较灵活,所以要有结构有次序,不要乱了套!