css解释和引入css样式

css解释

前端网页的三个层

html 用来搭建网页基本骨架         结构层

css  用来修饰你的网页                 表现层

JavaScript     脚本                         行为层

css是层叠样式表 

优点

使HTML专注于网页的内容，css专注于网页的表现

提供了丰富的格式化功能

可以针对各种可视化浏览器（主要有显示器、打印机、PDA等）来设置不同的样式       

css与浏览器

并不是所有的CSS的样式都被浏览器支持

不同的浏览器对CSS的实现有细微的不同，需要特别注意

引入css样式

1.行内样式

直接使用标记的style属性

style=" width:100px; height:100px; background-color:#F00;”

2.内嵌样式

在HTML中，使用<style></style>标记，将样式写在<style>标记内 注意：<style>标记要指定type属性为text/css

3. 链接样式(外链式)

将CSS写入单独的一个文件中，注意该文件的文件扩展名为  .css

在HTML文档中使用<link>标记引入css文件

<link>标记需要指定两个属性：type和rel（relationship）

<link type="text/css" rel="stylesheet" href=“sy.css" />

4.使用导入样式

使用@import指令可以将css文件中的css样式导入到不同的地方

导入式的结果和直接书写是同样的效果

导入式可以共享样式代码

可以在内嵌式里使用导入，也可在css文件中使用

 一般优先顺序是：行内，内嵌，链接