CSS 笔记（1）

1：CSS简介

1：CSS概述

（1）：CSS指层叠样式表。

（2）：样式定义如何显示HTML元素。

（3）：样式同城储存在样式表中。

（4）：把样式添加到HTML4.0中，是为了解决内容与表现分离的问题。

（5）：外部样式表可以极大提高工作效率。

（6）：外部样式表通常储存在CSS中。

（7）：多个样式定义可层叠为一。

2：样式解决了一个普遍的问题

HTML标签原本被设计为用于定义文档内容。通过使用<h1>、<p>、<table>这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局有浏览器来完成，而不适用任何的格式化标签。

由于浏览器不断的将新的HTML标签和属性添加到HTML规范中，创建文档内容清晰的独立于文档表现层的站点变得越来越困难。

3：样式表极大地提高了工作效率

样式表定义如何显示HTML元素，就像HTML3.2的字体标签和颜色属性所起的作用一样。样式通常保存在外部的.css文件中。通过仅仅编辑一个简单的css文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局，CSS可以称得上WEB设计领域的一个突破。作为网站的开发者，你能够为每一个HTML元素定义样式，并将之应用于你希望的任何多的页面中。如需进行全局更新，只需简单地改变样式，然后网站中的所用元素均会自动地更新。

4：多重样式将层叠一个

样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中，甚至可以在同一个HTML文档内部引用多个外部样式表。

2：CSS基础语法

1：CSS语法

CSS规则由两个主要的构成部分：选择器，以及一条或多条声明。选择器通常是您需要改变样式的HTML元素。每条声明由一个属性和一个值组成。

属性（property）是你希望设置的样式属性（style attribute），每个属性有一个值，属性和值用冒号分开。

2：多重声明

如果要定义不止一个声明，则需要用分号将每个声明分开。

3：空格和大小写

大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑。

是否包含空格不会影响CSS在浏览器的工作效果，同样，与XHTML不同，CSS对大小写不敏感。如果涉及到与HTML文档一起工作的话，class和id名称对大小写是敏感的。

3：CSS高级语法

1：选择器的分组

你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。

例：

h1,h2,h3{
color:green;
}

2：继承及其问题

根据CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。通过CSS继承子元素将继承最高级所拥有的所有属性。