我们每天所浏览的网页到底是由什么渲染的

前言

我们每天所浏览的那些炫丽的网页到底是由什么组成的，那就是CSS，通俗的语言就是样式，CSS是网页构成不可或缺的一部分哦！

：css的四种引入方式

1.行内样式

最直接最简单的一种，直接对HTML标签使用style=，例如：

pstyle=color:#F00;/p

缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。

2.内嵌样式

内嵌样式就是将CSS代码写在head/head之间，并且用style/style进行声明，例如：

styletype=text/css

body,div,a,img,p{

margin:0;

padding:0;

}

/style

优缺点：页面使用公共CSS代码，也是每个页面都要定义的，如果一个网站有很多页面，每个文件都会变大，后期维护难度也大，如果文件很少，CSS代码也不多，这种样式还是很不错的。

3.链接样式

链接样式是使用频率，最实用的样式，只需要在head/head之间加上link…/就可以了，如下：

linktype=text/cssrel=stylesheethref=style.css/

优缺点：实现了页面框架代码与表现CSS代码的完全分离，使得前期制作和后期维护都十分方便。

4.导入样式（不建议使用）

导入样式和链接样式比较相似，采用

import样式导入CSS样式表，在HTML初始化时，会被导入到HTML或者CSS文件中，成为文件的一部分，类似第二种内嵌样式。

import在html中使用，如下：

styletype=text/css

importurl(style.css);/style

import在CSS中使用，如下：

importurl(style.css);

第二：四种CSS引入方式的优先级

1.就近原则

2.理论上：行内内嵌链接导入

3.实际上：内嵌、链接、导入在同一个文件头部，谁离相应的代码近，谁的优先级高

小结

学习脚本的方法之一就是多练习。