id和class选择器

如果要在html元素中设置css样式，则需要在元素中设置id和class选择器

id选择器

id选择器可以为标有特定id的html元素指定特定的样式

html元素以id属性来设置id选择器，css中id选择器以“#”来定义

下面样式规则应用于元素属性id=“box”

 

html代码：

 

浏览器呈现效果：

 

1. id属性不要以数字开头，数字开头的id在Mozilla/Firefox浏览器中不起作用
2. Id属性只能在每个html文档中出现一次

class选择器

class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用

class选择器在html中以class属性表示，在css中，类选择器以一个点“.”号显示

下面样式，所有拥有textCnr类的html元素均为居中和背景颜色为绿色

 

html代码：

 

浏览器呈现效果：