层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
扩展资料：
CSS的特点：
1、丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
参考资料来源：百度百科-CSS
页面的布局样式，一般都是用它来做的，一点也没有用过CSS的页面www.zc114.net,很单调，比如百度页面，文字颜色什么的都是css实现的。他可以使页面表象分离，对页面排名有一定影响。id跟class的区别就是#是id 也就是说如果你在外部样式里用#来定义，比如#sidebar{color:#000}那么你在html中就要用id来引用，而不是class ,比如<div id="sidebar"></div>至于这个#sidebar .side-business h2{padding-top:0padding-bottom:5px} ，是个派生选择器。意思就是说位于id为sidebar下面的类名为side-business 下面的h2元素，后面的{}之间的就是给这个h2定义的样式，不知道这样说你明白了没
3.div 里的class side-business 在外部文件里找不到这个会有啥影响
不是找不到，只是把它写在了#sidebar .side-business h2这一串里面，你如果把<div class="sbox side-business">里的side-business删了，那么位于这个div下面的h2就引用不到#sidebar .side-business h2{padding-top:0padding-bottom:5px} 这个样式了，因为在id为sidebar的元素下面找不到.side-business,那么位于他下面的h2自然就不存在，因为样式表里的定义是必须位于 #sidebar .side-business下面的h2
最后说一点，一个html页面中id是唯一的，也就是说同一个id只能出现一次，而一个class可以被多个元素同时引用。
