CSS概述及其选择器的使用

1.1、什么是CSS

CSS主要是美化网页，布局网页。CSS是层叠样式表的简称，有时候也称为CSS样式或者级联样式表。

CSS主要用于设置HTML页面中的文本内容（字体，大小，对齐方式）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS最大价值：由HTML专注去做结构呈现，样式交给CSS。

1.2、CSS发展史

1. CSS 1.0

2. CSS 2.0 DIV(块)+CSS, HTML与CSS结构分离的思想。

3. CSS 2.1 浮动，定位

4. CSS 3.0 圆角，阴影，动画。。。。浏览器的兼容性。

1.3、CSS语法规范

CSS规则由两个主要的部分构成：选择器和一条或多条声明。

1. 选择器：用于指定CSS样式的HTML标签，括号内是对该对象设置的具体样式。

2. 属性和属性值成对出现。（键值对形式）

3. 属性是指对指定的对象设置的样式属性，例如字体大小。文本颜色。

4. 属性和属性值用：隔开。

5. 每个属性用；隔开

2、CSS基础选择器

2.1、选择器作用

根据不同的需求，把不同的标签选择出来。选择标签用的。

2.2、选择器分类（基础选择器）

2.2.1、标签选择器：

利用HTML标签作为选择器，将页面某一类标签统一蛇者CSS样式。

1. 优点：能快速为页面中某一类标签统一设置样式

1. 缺点：不能设计差异化样式，只能选择全部的当前标签。

2.2.2、类选择器：

单独设置一个或者某几个标签，可以使用类选择器。（可以多次调用）

.类名{
	属性：属性值；
	...
}
结构需要用class来调用
<标签 class=“类名”> < /div>  

一个标签可以写多个类名调用。

2.2.3、id选择器（只能调用一次）

#id{
	属性:属性值
}
<标签 id=“”>

2.2.4、通配符选择器

在CSS中，使用*通配定义，它表示选取页面中所有的元素（标签）

* {
	属性：属性值；
}

• 通配符选择器不需要被调用

• 特殊情况才使用。