带你了解css的使用

什么是css？

CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，我习惯叫作“层叠样式表”。

为什么要使用css？

我们通过html来描绘文本内容，但是仅仅在网页上面显示而已。自己一个人看看无所谓，但是一般来说是给用户看的，所以需要对页面进行美化。好比每个人都需要打扮一样。 

怎样使用css？

css的使用方法有3种。
1：内联样式，又叫做行内样式。直接写在style元素的属性中。
2：内部样式，一般来说写在head标签中，也是通过style元素。（写在别的地方可以，但是影响效率）
3： 外部样式,通过<link rel="stylesheet" href="对应css的地址">来书写。外部样式用来书写代码比较多的项目。具有可复用性高，可以解决多页面样式重复问题。最关键的是方便我们代码人员阅读和维护。

一个完整的css样式由选择器合声明快组成。
1：选择器有很多，常用的有id选择器，类选择器，元素选择器
2：声明快就是我们想要页面成为什么样子而写的具体代码。比如对字体大小的设置，我们可以用font-size：10px；。

选择器的使用

当我们写css样式时，不可避免的会出现多个样式作用到同一个元素上。这个时候如何判断谁的优先级更高呢？方法有如下两种：
1：比较重要性
    1：作者样式表中的！important样式，优先级最高。但是IE浏览器不支持。
    2：作者样式表中的普通样式。
    3：浏览器默认样式表中的样式。
2：比较特殊性
规则：通过选择器，计算出一个四位数(xxxx )
    1：行内样式的优先级最高。
    2：其次是id选择器，每出现一个id选择器记1，数值高的优先级高，这里不存在进制关系。
    3: 等于选择器中所有类选择器、属性选择器、伪类选择器的数量。
    4：等于选择器中所有元素选择器、伪元素选择器的数量。
3：前面两个都无法判断是，按照就近原则。

应用

1：书写一些作者样式表，覆盖浏览器的默认样式。
2：对于一段文字添加不同的样式时可以使用。
3：完成某个复杂文本的样式书写。

当然，css的选择器不仅仅是以上这些，还有许多别的选择器。想要熟练的掌握选择器的使用方法，需要通过我们不断的练习使用才行。