[CSS3]：定义CSS样式、CSS优先级机制

网页结构合理化

      在引入怎样定义CSS样式之前，先了解为什么要去定义CSS样式。记得刚开始学习HTML网页时，对一段字体设置字体颜色、对表格某一行设置背景颜色或者让其中内容靠左对齐时，都直接用标签本身属性去实现，如下：

 <font size="5" color="red"> OK font>

 <table border="1" width="300">
     <tr align="left"  height="50">
         <td>公司td>
         <td>房管局td>
     tr>
 table>

       随着网页代码量越来越多时，标签属性样式数量也会随之暴涨，而这样结构和表现混杂在一起的html网页文件不仅影响代码阅读，而且难以维护。这时就应该把标签中样式提取出来，用CSS来实现样式，让html网页的结构与表现进行分离，让html页面合理结构化。还有要注意，尽管有些标签属性和css值看起来差不多，作用相同。但html和css是两个不同的语言，不能混淆。

CSS样式的三种定义方式

1. 在头部元素中使用link标签引入外部css
2. 在头部元素中使用