基础选择器的运用

1.css语法规范

1.1 <style> </style>

1.2 字体颜色

color （注意，color是要在style 里面写的）

颜色可在color后面输入与其颜色相对应的英文单词，如需要更加详细的颜色比例，可使用十六进制方法来查找该颜色

2.0选择器分类

2.1标签选择器

运用标签选择器来给该标签里面的内容进行优化

如下是标签选择器和字体颜色的组合用法 ，后面还会讲到各种选择器的搭配用法

例如：

效果图：

2.2 类选择器

运用类选择器可以更精准的使自己的某一行内容进行优化（以后用的比较多）

类选择器口诀：样式点定义，结构类调用，一个或多个

例如：

效果：

注意，可在class里面调用多个类选择器

2.3 id 选择器

• id 选择器允许以一种独立于文档元素的方式来指定样式。**

• 在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别。

• 首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。

• 第二个区别是 ID 选择器不引用 class 属性的值，毫无疑问，它要引用 id 属性中的值。

例如：

效果图：

2.4 通配符选择器

• 通配选择器用一个星号（*）表示。单独使用时，这个选择器可以与文档中的任何元素匹配，就像一个通配符。如，让页面上的所有文本都为pink色：

效果如下：

• 虽然通配选择器的功能强大，但是出于效率考虑，很少有人使用它。由于各个浏览器对每个元素上的默认边距都不一致，为了保证页面能够兼容多种浏览器，通常在Reset样式文件中，使用通配选择器进行重置，来覆盖浏览器的默认规则：

上的默认边距都不一致，为了保证页面能够兼容多种浏览器，通常在Reset样式文件中，使用通配选择器进行重置，来覆盖浏览器的默认规则：

（注意，通配符选择器不需要调用，自动给所有的元素使用样式）