对CSS的认识

CSS 技术文档:CSS2.0.chm

一、CSS 技术介绍
CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

二、CSS 语法规则：

       选择器名{
                          属性 ： 值

                         。。。

                      }

选择器：浏览器根据“选择器”决定受CSS 样式影响的HTML 元素（标签）。
属性(property) 是你要改变的样式名，并且每个属性都有一个值。属性和值被冒号分开，并
由花括号包围，这样就组成了一个完整的样式声明（declaration），例如：p {color: blue}
多个声明：如果要定义不止一个声明，则需要用分号将每个声明分开。虽然最后一条声明的
最后可以不加分号(但尽量在每条声明的末尾都加上分号)
例如：
p{
color:red;
font-size:30px;
}
注：一般每行只描述一个属性

CSS 注释：/*注释内容*/

三、CSS 和HTML 的结合方式

1、第一种：在标签的style 属性上设置”key:value value;”，修改标签样式。缺点：每个标签样式定义一遍，代码量大，难维护，修改时每行改过去，不可复用。

2、第二种：在head 标签中，使用style 标签来定义各种自己需要的css 样式。缺点：每页定义一次，页面如果多的话代码量仍然大，维护量也增大，无法页间复用。

3、第三种：把css 样式写成一个单独的css 文件，再通过link 标签引入即可复用。解决前两种方式的缺点。

四、CSS 选择器
1、标签名选择器
标签名选择器的格式是：
标签名{
属性：值;
}
标签名选择器，可以决定哪些标签被动的使用这个样式。

2、id 选择器
id 选择器的格式是：
#id 属性值{
属性：值;
}
id 选择器，可以让我们通过id 属性选择性的去使用这个样式。

3、class 选择器（类选择器）
class 类型选择器的格式是：
.class 属性值{
属性：值;
}
class 类型选择器，可以通过class 属性有效的选择性地去使用这个样式。

4、组合选择器
组合选择器的格式是：
选择器1，选择器2，选择器n{
属性：值;
}
组合选择器可以让多个选择器共用同一个css 样式代码。