如何使用CSS

CSS样式是由许多CSS规则组成的文件，规则是最小的CSS单位，规则定义一种或者多种样式的效果。每个规则标识它选择网页中的哪些部分，以及它对页面的该部分应用什么属性。网页链接到该CSS样式，就意味着浏览器需要下载该样式，并且当前显示网页时应用这些CSS样式规则。CSS文件可以与任意数量的网页文档链接，因此，CSS样式可以控制整个站点或它的一部分网页的外观。

而且CSS可以和几种不同的标记语言进行使用，包括XML和HTML。

1.超文本标记语言（HTML），由标记文档内特定元素的一系列标签组成。这些元素都是有默认的表示样式的，但是用户可以通过CSS样式或者HTML文件内包括的样式，可以重新定义每个元素的表示样式。

2.XML允许用户自定义标记，XML与HTML的主要区别就是在于XML是用来存储数据的，在设计XML时，它就是用于被描述数据的，重点在于什么是数据，如何存储数据。但是HTML是被设计用来显示数据的，其重点是在于如何显示数据。CSS是可以直接应用用于XML文件，达到添加表达样式的目的。

除此之外，CSS还可以用来设置页面的布局，并且与JavaScript结合生成动态显示效果。

CSS的冲突

如果将两个或者多个CSS样式应用于同一个文件，可能会发生一些冲突并产生意外的结果。那么我们应该怎样判断CSS的冲突呢？

1）如果应用于同一文本的两种CSS样式的属性发生冲突，则浏览器显示最里面的规则（离文本本身最近的规则）的属性，也就是说当两个文件同时应用于同一个文件中，将显示这两种CSS规则的所有属性。如果两者之间有冲突的话，例如,.font1要对字体设置为黑色，.font2要对字体设置为红色，如果哪个离该字近，则就应用于哪个样式。

2）而且，自定义的CSS样式（例如是Class属性应用的规则）中的属性将覆盖HTML中标签的属性。

3）id的CSS样式是高于一切的。就是说如果有冲突的话，id的CSS 样式的属性先执行。