CSS基本选择器
标记选择器
选择器用标签命名的选择器为标记选择器。
能快速为页面的由同一标记描述的网页内容统一样式,同时这也是它的缺点,不能 设计差异化的样式。
类别选择器
类别选择器可以实现差异化的样式定义,类别选择器的名称由用户自定义,用一个 “.”来标记类别的名称。定义之后在标记内用class属性引用。
类别选择器的特点
- 只有引用的样式才能作用于指定对象
- 可以将一个类别选择器应用于多个元素
- 一个元素上也可以应用多个类别选择器
注意:类名的第一个字符不能使用数字。
ID选择器
ID标记器用“#”来定义
- 具有唯一性,同一个id属性只能在该文档出现一次
- 一个元素也不能同时引用多个id样式。id=“#a #b”
- 一般大结构用id,比如标志、导航、主体内容、版权等,结构内部用class
- 同时使用ID选择器与类别选择器在冲突的地方ID选择器会覆盖类别选择器
全局选择器(通用选择器)
一种特殊的选择器分组,对页面中所有标记都设置相同的CSS样式;用通配符“*” 表示所有标记,一般用于文档的初始化操作;
*{
margin:0px; /*把外边距为0*/
padding:0px; /*把内边距为0*/
}
选择器分组(也称之为并集选择器)
是一种**“集体声明”**,对具有相同样式的多个基本选择器同时进行声明;
选择器之间用逗号“,” 分隔;
h2,h3 { /*H2和h3标记进行统一声明,有利于代码的简化*/
font-family:宋体; /*设置字体*/
font-size:15px; /*设置字体大小*/
color:red; /*设置字体颜色*/
}