常用选择器

要想将CSS样式用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器。

1.元素选择器 （标签选择器）

作用：根据标签名来选中指定的一类元素

语法：标签名｛｝

例子：ｐ｛｝　　ｈ1｛｝　ｄｉｖ｛｝

特点：用元素选择器定义的样式对页面中该类型的所有标签都生效，能快速为页面中同类型的标签统一样式，但不能设计差异化样式

2.id选择器

作用：根据元素的id属性值选中一个元素

语法：＃id属性值｛｝

例子：＃ｂｏｘ｛｝　　＃ｒｅｄ｛｝

特点：大多数HTML元素都可以定义id属性，元素的id属性值是唯一的，只能对应文档中某一个具体元素

id属性的用法：＜标签　id＝＂id属性值＂＞内容＜／标签＞

例子：HTML：＜ｐ　ｉｄ＝＂ｂｏｘ＂＞＜／ｐ＞　ＣＳＳ：＃ｂｏｘ｛｝

ＰＳ：一个id属性值只能对应一个元素，一个元素也只能对应一个id属性值。不能多次使用相同的id属性值

３． ｃｌａｓｓ类选择器

作用：根据ｃｌａｓｓ属性值选中一组元素

语法：．ｃｌａｓｓ属性值｛｝

例子：．ｂｏｘ｛｝　　．ｒｅｄ｛｝

特点：大多数HTML元素都可以定义class属性。类选择器最大的优势是可以为元素对象定义单独或相同的样式。

ｃｌａｓｓ属性的用法：＜标签　ｃｌａｓｓ＝＂ｃｌａｓｓ属性值＂＞内容＜／标签＞

例子：HTML：＜ｐ　ｃｌａｓｓ＝＂ｂｏｘ＂＞＜／ｐ＞　ＣＳＳ：．ｂｏｘ｛｝

ＰＳ：多个标签可以使用同一个ｃｌａｓｓ属性值，这样可以实现为不同类型的标签指定相同的样式。同一个HTML元素也可以使用多个ｃｌａｓｓ类，设置多个样式，在HTML标签中多个ｃｌａｓｓ属性值之间需要用空格隔开。ｃｌａｓｓ属性值第一个字符不能使用数字，并且严格区分大小写，一般采用小写的英文字符。

4.通配符选择器 

作用：选中页面中的所有元素

语法：＊｛｝

例子：＊｛｝