CSS 层叠样式表学习 （1）——CSS概述

• CSS——Cascading Style Sheets
• 用来定义 如何显示 HTML 元素，且通常存储于样式表中
• 外部样式表通常存储于 CSS文件中，它能显著提高工作效率
• 多个样式定义可层叠为一
• CSS允许控制多重页面的样式和布局

为使创建文档的内容清晰地独立于文档表现层的站点， W3C（万维网联盟）在HTML4.0之外创造出 样式（Style）

通过编辑一个简单的CSS文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。

样式表允许以多种方式规定样式信息：

1. 浏览器缺省设置
2. 外部样式表
3. 内部样式表
4. 内联样式（HTML元素内部）

其中 内联样式拥有最高优先级

CSS语法

选择器+一条或多条声明

selector {declaration1；declaration2；declaration3...}

声明

selector{property ：value}

例子：

h1{color:red;font-size:14px;}

• 若值为若干单词，需要给值加引号
• 多重声明中，使用分号将声明隔开，最后一条声明是不需加分号的，但有经验的设计师都会在每条声明的末尾加上分号，这样当你从现有规则中增加声明时，会尽可能地减少出错的可能；另声明很多时，每行只描述一个熟悉，这样会增加样式定义的可读性
• 是否包含空格不会影响CSS在浏览器的工作效果，与XHTML不同，CSS对大小写不敏感，但如果涉及到同HTML文档一起工作的话，ID和Class对大小写敏感