一个样式(style)是由三部分构成:
Selector(选择器)、属性(Property)、属性值(Value)
selector { property: value}
example:
PS:属性直接用分号隔开
在网页设计中,主要有三种类型的选择器:HTML selector、class selector、ID selector
标签名 | 用法 |
HTML selector | 这种选择器指的是HTML标签,如p、b、div等如果在CSS中将某个HTML标签设置成为选择器,则在CSS所应用的网页中,所有的该HTML标签都按照相应的样式规则来定义语句并进行显示 |
class selector | 使用HTML标签的class属性值的选择器就是class selector。有两种类型的class selector,关联class selector和独立class selector;以“ .类名”定义的选择器成为独立class selector |
ID selector | 使用HTML标签的ID属性定义的选择器就是ID selector。ID属性定义的是一个特定的HTML元素,一个网页文件中只能有一个元素使用某一个ID的属性值。如果在样式表中指定一个ID selector,需要在ID值前添加一份“#”符号 |
example:
HTML选择器: .xs{ color:red }
ID选择器: #xs{ color:red }
选择器声明:
常规声明、嵌套声明、集体声明
CSS的继承:被包在内部的标签可以拥有外部标签的样式性质,通常适用于整个网页的样式设置的场合