css基础知识1

CSS简介
css（cascading style sheets）层叠样式表
作用：用来修饰网页信息的显示样式
div+css优点：缩减页面代码，提高访问速度、结构清晰，有利于seo（推广）。

---

CSS语法

选择器{属性:属性值;属性:属性值;}

---

CSS样式表

内部样式表

<style type = "text/css">
选择器{属性:属性值;属性:属性值;}
</style>

内联样式表

<标签 style = "属性:属性值;">

外部样式表

/*第一步外部样式表的建立*/
/*第二步外部样式表的导入*/
/*导入方法一（常用方法）*/
<link rel = "stylesheet" type = "text/css" href = "建立外部样式表的路径" />
/*导入方法二*/
<style type = "text/css">
    @import url(建立外部样式表的路径)
</style>

link与@import的区别：
1、老祖宗的区别：link属于XHTML标签，@import完全是css提供的一种方式。link标签除了可以加载css外，还可以做很多事情，比如定义RSS，定义rel连接属性等、@import只能加载css
2、加载顺序的差别：link HTML和css同时加载，加载快体验好，@import先下载完之后再加载，加载慢体验差
3、兼容性差距：link所有浏览器都支持，@import老浏览器不支持
4、使用dom控制样式时的差别：当使用js控制dom去改变样式时，只能用link，因为@import不是dom可以控制的。

---

样式表优先级
当有内联的时候，三个内联优先级最高，只有内部和外部的时候谁在下面谁的优先级最高，因为程序是从上往下运行的。