你的位置:首页 > 网页设计

[网页设计]css 选择符


常用选择符的介绍


通配选择符指选定文档对象模型(DOM)中的所有类型的单个对象。

*{css代码规则},其中*表示所有类型,包含body,div,td等

类型选择符指以文档对象模型(DOM)作为选择符,即选择某个html标记为对象,设置样式规则。

P{

}

Div{

}

包含选择符 对某个容器层的子层控制,是其他同名的对象不受该规则影响,包含选择符对象要依次选择出对象,从大到小,即从容器层到子层。

E1  E2

{

}

E1指父层对象,E2指小点的层或子层对象,即E1对象包含E2对象

eg:

     table td

 

{

}

td  p

{

}

布局常用选择符:

ID选择符 指在DOM中用惟一标识符的ID为选择符,ID标识符以“#”打头,其后接ID名,注意ID标识符不能在样式中出现两次或两次以上,如果出现,系统会以第一次出现的为准,其他的将被忽略。

类选择符又叫作class选择符,表示一个类可以在文档中使用多次

    以“.”打头,后接class名

注意:类选择符和类型选择符的不同——类型是指html中的标记

分组选择符 指对多个标记设置同样的样式,在不同的类型中,表示同样的样式。将选择符以逗号分隔的方式并为组

Html,body

{

}

 

以下用表格对以上内容进行总结

选择符表达方式例子含义
通配选择符*{css代码规则}*{css代码规则}*表示所有类型,包含body,div,td等
类型选择符以文档对象模型(DOM)作为选择符

P{  }

Div{  }

选择某个html标记为对象,设置样式规则
包含选择符 

E1  E2

{

 }

E1指父层对象,E2指小点的层或子层对象,即E1对象包含E2对象
ID选择符以“#”打头,其后接ID名  
类选择符以“.”打头,后接class名  

分组选择符 

 将选择符以逗号分隔的方式并为组 

Html,body

{

}

 对多个标记设置同样的样式,在不同的类型中,表示同样的样式