CSS基础知识介绍——CSS的基本语法

一个样式（style）是由三部分构成：

                    Selector（选择器）、属性（Property）、属性值（Value）

selector  { property： value}

example：

 

ＰＳ：属性直接用分号隔开 

---

在网页设计中，主要有三种类型的选择器：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的继承：被包在内部的标签可以拥有外部标签的样式性质，通常适用于整个网页的样式设置的场合