3.2css选择符①

1. 类型选择符

类型选择符是指选择某个HTML的标签为对象，设置其样式规则。类型选择符就是网页元素本身，定义时直接使用元素名称。

语法：标签名{css语句}

例如：p{color：red；}

2.class类选择器

2.1用类选择器能够把相同的标签分类定义为不同的样式

语法：标签名.类名{属性名：属性值}

例如:h1.class1{color：red；}

2.2定义不同类标签的样式

与上述不同的时省略了html的标签，可以把几个不同的元素定义成相同的样式

语法：.类名{属性名：属性值}

例如：.class2{color：green；}

3.id选择符

id选择符用来对某个单一 元素定义单独的样式

定义id选择符时要在id名称前加上一个#

3.1定义非特定标签的id选择符

格式：#id名{属性名：属性值；}

例如：#id1{fond：22xp；}

3.2定义特定标签的id选择符

格式：标签名#id名{属性名：属性值；}

例如：#id2{fond：22xp；}

4.span选择符

span在样式表种作为一个选择符使用，而且他也能接受style、class、id选择符。把span元素加入到html中，他允许网页制作者给出样式，但无须附加在html的结构标签上。

格式：<span id=”样式名”>…</span>

或

<span class=”样式名”>…</span>

4.div选择符

div在功能上与span相似，最主要差别在于，div是一个块级标签。Div可以包含段落、标题、表格甚至其他部分。这使得div便于建立不同集成的类。

格式：<div id=”样式名”>…</span>

或

<div class=”样式名”>…</span>

1. 通配选择符

通配选择符是一种特殊的选择符、其作用是定义页面所有元素的样式。在编写代码时，用*表示通配选择符。

格式：*{css代码}