在设计前端网页时,往往会将页面内容与样式进行分离,以便于管理。那么如何给枯燥的页面添加上生动的样式呢?我们就需要在html上调用css样式,方法共有四种。
行内样式表
在每个html标签上面设置一个属性 style,从而把css和html结合在一起
这种方法只对标签内内容生效
内嵌样式表
将css写在
div {
background-color:green;
color: red;
}
导入样式表
在
@import url(div.css);
导入式会在整个页面装载完后再进行CSS样式装载,故有时会出现一开始没有样式,过一段时间样式才出现的情况。并且这种方式对浏览器兼容性较差,不推荐使用
链接样式表
使用头标签 link,引入外部css文件,最为常用的一种方式
此处一般采用相对路径
优先级
既然引用方法那么多,那么总会有个优先级排行,一般情况下优先级排行为:
由上到下,由外到内。优先级由低到高
更多web前端知识,请查阅 HTML中文网 !!