原因：1、方便网页设计的分工协作，比如说html部分由一个人或一个团队去完成，js程序部分也是一批人去完成，css也是交给专业人士去做，这样就能提高效率；2、css是可以重用的，这样就可大大减少网页的代码量，提高网页传输效率。

CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面格式，可将页面的内容与表现形式分离。

CSS最早是1996年由W3C审核通过并推荐使用的，CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。

相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

网页设计中使用css样式的原因：

这主要是为了方便于网页设计的分工协作，比如说html部分由一个人或一个团队去完成，js程序部分也是一批人去完成，css也是交给专业人士去做，这样肯定就能提高效率，就像装修房子，硬装和软装都分别由专业的工程队去做，肯定能做得又快又好。反之，如果所有工作都交给一个工程队去完成，质量和工期就无法保证了。

此外，一个网页的css样式表，可以原封不动就给另一个网页甚至其他网站的网页使用，这就意味着css是可以重用的，这样就可以大大减少网页的代码量，提高网页传输效率，也可以使网站保持划一的外观样式，当然同时也就减轻了网页设计人员的工作强度。这就好比一个房子的装修样式，可以完全复制到另一个类似结构的房子，这可以既可以减少房子装修的成本，同时也可以让房子保持统一的装修风格。

CSS能做什么

CSS用于增强或控制网页样式，并允许将样式信息与网页内容分离。引用样式表的目的是将“网页结构代码”和“网页样式风格代码”分离开，从而使网页设计者可以对网页布局进行更多的控制。利用样式表，可以将整个站点上所有网页都指向某个CSS文件，设计者只需要修改CSS文件中的某一行，整个网页上对应的样式都会随之发生改变。

CSS的局限性

CSS具有这么多的作用，是不是就意味着它是无所不能、什么都能自由实现的呢？

1、属性无法继承

当然不是，CSS仍然存在有些属性不能被继承的问题，如border属性，它是用来设置元素边框的，它就没有继承性。多数背景和边框类属性，比如像padding（补白）、margin（边界）都是不能继承的。

2、显示效果不一致

此外，使用CSS指定特定元素外观时，对静态HTML能完美支持，但对于动态网站中服务器元素，还存在着在不同浏览器中输出不一致的问题。