通配选择符指选定文档对象模型(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
{
}
对多个标记设置同样的样式,在不同的类型中,表示同样的样式
