CSS样式表及优先级

css样式表
  1）内部样式表
  2）内联样式 (行内样式)<标签 style="属性:属性值;属性:属性值;" >
  3）引用外部样式表文件
   方法一：    说明：使用link元素导入外部样式表时，需将该元素写在文档头部，即与之间
    rel：用于定义文档关联，表示关联样式表
    type:定义文档类型
    方法二：
 link和import导入外部样式的区别
 差别1：老祖宗的差别：link属于XHTML标签，而@import完全是css提供的一种方式。link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS。
 差别2：加载顺序的差别：当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被加载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。
 差别3：兼容性的差别：@import是CSS2.1提出的，所以低版本浏览器不支持，@import只能在IE5以上的版本中才能识别，而link标签无此问题。
 差别4：使用dom控制样式的差别：当使用JavaScript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的

样式表的优先级

内联样式（行内样式）的优先级最高，内部样式与外部样式的优先级取决于样式书写的先后顺序，谁在后面谁的优先级高。