css层叠样式表是什么及其作用？

什么是CSS？

CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

用比较官方的语言说css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS作用：

CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制，让网页按您的美工设计布局的更加美观漂亮。

简而言之，言而总之，你把css这项技术理解为画笔即可。可以根据PS设计稿，按设计稿的尺寸、颜色、字体大小，布局，根据css提供的一系列属性+html 的DOM元素，2者结合起来能画出和ps原型类似的页面来。

css控制页面元素的颜色、大小，字体，位置，html提供基础的页面结构。

css代码示例

body {
    margin-top: 75px;
    color: #444;
    background-color: #eee;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    outline: 0
}

a {
    color: #444;
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #FF6600
}

img {
    border: 0
}


div,
h1,
h2,
p,
span,
textarea,
ul {
    margin: 0;
    padding: 0;
    outline: 0
}

Web标准CSS布局

采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势：

1：表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。

2：提高页面浏览速度

对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。

3：易于维护和改版

你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

真正的表现与内容完全分离，代码可读性强，样式可重复应用。

CSS编辑工具

CSS文件与HTML文件一样，都是文本文件，因此一般的文字处理软件如记事本、sublime、EditPlus等都可以进行编辑。