快速了解CSS

   【前言】前端页面无非就是HTML、CSS和JavaScript还有AJAX显示出来我们想要的效果的，CSS其实就是负责页面的样式，怎么让页面看起来更加好看我们就需要用CSS来控制页面样式了。

  What

   层叠样式表(Cascading StyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

  Where

   CSS和JavaScript一样可以直接写在HTML元素的style属性里面，也可以将其定义在HTML文档的header部分，也可以写在CSS文件里面然后在HTML中引用一下这个文件。不过为了是内容和样式分离和样式的复用我们一般都把CSS样式写在CSS文件中。

  Why

   1、CSS具有丰富的样式定义，提供了风度额文档样式外观，以及设置文本和背景属性的能力；

   2、易于使用和修改，CSS样式表可以将所有的样式声明同意存放，进行统一管理，如果要修改样式，只需要在样式表中找到相应的样式声明进行修改。

   3、多页面应用

    CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

   4、层叠

   层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。举个例子就是我们应用了原来的样式表，但是有一处需要修改我们只需要找到改地方直接在后面写入新的样式即可，因为我们层叠就是默认使用最后一次设置的样式。

   5、页面压缩

   将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程序的缩减了页面的体积，减少下载的时间。

  How

   1、标记选择器

    

   2、类别选择器

    

   3、ID选择器

    

   【总结】我们知道了这些宏观上的内容之后我们就知道了CSS是怎么进行样式设计的，我们设计自己想要的样式的时候我们就可以去写相应的样式实现了。欢迎大家一起交流学习！