怎样在html里调用css,HTML中css样式如何调用？

在设计前端网页时，往往会将页面内容与样式进行分离，以便于管理。那么如何给枯燥的页面添加上生动的样式呢？我们就需要在html上调用css样式，方法共有四种。

行内样式表

在每个html标签上面设置一个属性 style，从而把css和html结合在一起

这种方法只对标签内内容生效

内嵌样式表

将css写在

div {

background-color:green;

color: red;

}

导入样式表

在

@import url(div.css);

导入式会在整个页面装载完后再进行CSS样式装载，故有时会出现一开始没有样式，过一段时间样式才出现的情况。并且这种方式对浏览器兼容性较差，不推荐使用

链接样式表

使用头标签 link，引入外部css文件，最为常用的一种方式

此处一般采用相对路径

优先级

既然引用方法那么多，那么总会有个优先级排行，一般情况下优先级排行为：

由上到下，由外到内。优先级由低到高

更多web前端知识，请查阅 HTML中文网 ！！