原因：单纯使用html开发出来的页面是丑陋的，而html内部标签支持的样式并不是很多，使用css可以美化html页面；且将网页的大部分甚至是全部的表示信息从HTML文件中移出，并将它们保留在一个样式表中，可以降低文件大小、易于维护。

从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。

随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。

html和css是两种不同的前端技术，单纯的使用html开发出来的页面是丑陋的，并且html内部标签支持的样式并不是很多，比如在html中我想让一个字体变大 ，那么我们只能使用font标签中的size属性，最大字号只能取值为7，超过最大字号则不生效。

css技术是为了美化html页面的，比如上述的例子，在css中我们完全可以根据自己的需求让html中的字体元素变为自己想要的大小，并且遵循css规范，我可以使用css为我们提供的所有单位，比如：cm，px，%等。

html好比一个素颜的女孩，如果想要变得更加漂亮那么需要使用化妆品，而css就充当了html的化妆品。

且CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从（X）HTML文件中移出，并将它们保留在一个样式表中有诸多优点，如降低文件大小、节省网络带宽以及易于维护等。此外，站点的表现信息和核心内容相分离，使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。只要修改保存着网站格式的CSS样式表文件就町以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减少了工作量。