简介 #

• CSS 指层叠样式表 (Cascading Style Sheets), 是为了解决内容与表现分离的问题，可以大大提高工作效率，多个样式层叠为一也可以节省代码的重复

• 在很久很久以前，只使用 htm|来进行布局，有关样式的部分使用 html 属性完成，这样代码就显得很臃肿，修改起来也是特别的麻烦。后来 w3c 就创造出了样式 (style) ，这样 html 就只负责结构，描述样式就交给了 css。这样大大减少了开发者的工作量，提高了工作效率

• CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 (css 属性）

• 选择器通常是您需要改变样式的 HTML 元素

• 每条声明由一个属性和一一个值组成

• 属性是你希望设置的样式属性。每个属性有一一个值。属性和值被冒号分开

为什么将 css 分离出来 #

   在很久很久以前，只使用 html 来进行布局，有关样式的部分使用 html 属性完成，这样代码就显得很臃肿，修改起来也是特别的麻烦。后来 w3c 就创造出了样式（style），这样 html 就只负责结构，描述样式就交给了 css。这样大大减少了开发者的工作量，提高了工作效率。

标签重复问题得到解决 #

   html 提供了标签，用来包裹内容，搭建结构。但是现在的网站一般都是大型网站，这样标签就显得不是那么够用了，将标签属性或者 style 样式写在标签内，那么下一个雷同的地方，还要再写一遍很麻烦。

style 样式重用在不同的模块 #

   相同的结构样式，如果使用原始的 html，就需要一遍遍的粘贴复制，造成代码臃肿。而使用 css 样式呢，规定好规则，将 css 样式同一到一起，相同的 html 结构都调取这部分 css 样式，就大大减少了代码量，而且修改的时候，修改样式后，所有相同的 html 结构都会跟着改变样式，大大减少维护的工作量。

整站的样式复用 #

   网站是由很多歌单独的页面组成的，但是网站往往为了保持风格统一，而将部分结构保持一致，那么一部分样式就需要多个 html 文件公用，不光这个页面可以使用这个 css 文件，其他页面也可以使用这个文件。