css样式引入方法

来源:互联网 发布:网络广告公司价格表 编辑:程序博客网 时间:2024/05/18 03:43

内联式

  • 缺点:只改变当前标签的样式,多个标签有相同样式时,要重复给每个标签写相同的代码,可重用性差,修改css需要修改多个页面
  • 优点:减少http请求,提升页面性能,缓解服务器压力,优先级高,属性值权重比css选择器大

嵌入式

  • 缺点:样式只对当前网页有效,多个页面有相同样式时需在不同页面添加相同样式,可重用性一般,加大页面体积,不符合结构与表现分离的设计思想
  • 优点:代码集中,方便查看,多个相同标签有相同样式时,给每个标签一个特定的属性值写样式

外链式

  • 缺点:http请求多,浏览器要加载完CSS才能渲染页面,影响页面的性能
  • 优点:多个页面的共同样式单独建立css文件(例:一个网站的网页头部与脚部),html中只加载一次(css文件缓存到浏览器临时文件夹),当页面需要修改只需修改一个文件,可维护性良好

导入式

  • 缺点:先显示无样式网页,然后显示有样式网页。也就是说,导入式会在整个网页装载完后再装载CSS文件

三种样式优先级:
内联式 > 嵌入式 > 外链式
嵌入式>外链式前提:嵌入式css样式的位置在外链式后面(遵守就近原则,离设置元素越近优先级越高)
优先级前提:内联式、嵌入式、外链式中css样式在相同权重值的情况下

原创粉丝点击