css样式引入方法
来源:互联网 发布:网络广告公司价格表 编辑:程序博客网 时间:2024/05/18 03:43
内联式
- 缺点:只改变当前标签的样式,多个标签有相同样式时,要重复给每个标签写相同的代码,可重用性差,修改css需要修改多个页面
- 优点:减少http请求,提升页面性能,缓解服务器压力,优先级高,属性值权重比css选择器大
嵌入式
- 缺点:样式只对当前网页有效,多个页面有相同样式时需在不同页面添加相同样式,可重用性一般,加大页面体积,不符合结构与表现分离的设计思想
- 优点:代码集中,方便查看,多个相同标签有相同样式时,给每个标签一个特定的属性值写样式
外链式
- 缺点:http请求多,浏览器要加载完CSS才能渲染页面,影响页面的性能
- 优点:多个页面的共同样式单独建立css文件(例:一个网站的网页头部与脚部),html中只加载一次(css文件缓存到浏览器临时文件夹),当页面需要修改只需修改一个文件,可维护性良好
导入式
- 缺点:先显示无样式网页,然后显示有样式网页。也就是说,导入式会在整个网页装载完后再装载CSS文件
三种样式优先级:
内联式 > 嵌入式 > 外链式
嵌入式>外链式前提:嵌入式css样式的位置在外链式后面(遵守就近原则,离设置元素越近优先级越高)
优先级前提:内联式、嵌入式、外链式中css样式在相同权重值的情况下
阅读全文
1 0
- css样式引入方法
- 【转】CSS样式引入方法
- CSS中引入CSS样式的方法
- HTML引入css样式的方法示例
- css引入样式的几种方法
- 问题:CSS样式引入方法以及CSS权重分配问题.........
- CSS引入样式
- css引入字体样式
- 【0029】CSS引入样式
- HTML引入CSS样式三种方法及优先级
- css 样式引入的方法 link 与import的区别
- css样式引入的方式
- IE6 引入CSS样式无效
- html Css 样式的引入
- jsp页面引入css样式
- css 样式引入的优先级
- css样式基础之样式的引入
- CSS基本选择器与CSS样式引入
- 分布式、微服务、云架构
- SpringMVC学习笔记(1)-----所需的配置文件
- 微信签名错误解决步骤
- java设计模式之责任链模式
- SDUT3333&3332 下一较大值
- css样式引入方法
- js fun.apply 装饰器(重新定义一个函数)
- npm的 --save 和 --save-dev 之间的区别
- Kylin 源码阅读之补充API Documnet
- Mac上的VSCode中格式化代码报错
- 面向对象六大原则
- php 小技巧
- SPOJ ORDERSET Order statistic set 非旋转treap
- Xenserver 如何设置VM boot options