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样式文件中,使用通配选择器进行重置,来覆盖浏览器的默认规则:
(注意,通配符选择器不需要调用,自动给所有的元素使用样式)