CSS的4种引入方式及优先级
来源:互联网 发布:mac os office 破解版 编辑:程序博客网 时间:2024/06/05 02:38
css引入的四种方式
1、行内样式
<p style="color:red">字体</p>
2、内嵌样式
<style type="text/css">body,div,a,img,p{margin:0; padding:0;}</style>
优缺点:页面使用公共CSS代码,也是每个页面都要定义的,如果一个网站有很多页面,每个文件都会变大,后期维护难度也大,如果文件很少,CSS代码也不多,这种样式还是很不错的。
3、链接样式
<link type="text/css" rel="stylesheet" href="style.css" />
优缺点:实现了页面框架代码与表现CSS代码的完全分离,使得前期制作和后期维护都十分方便
4、导入样式(不建议使用)
<style type="text/css">@import url(style.css);</style>
四种CSS引入方式的优先级
1.就近原则
2.理论上:行内>内嵌>链接>导入
3.实际上:内嵌、链接、导入在同一个文件头部,谁离相应的代码近,谁的优先级高
0 0
- CSS的4种引入方式及优先级
- css三种引入方式的优先级
- css 引入方式,选择器,选择器的优先级
- php中引入文件方式及引入的优先级
- CSS 引入的4种方式
- css 样式引入的优先级
- HTML引入CSS样式三种方法及优先级
- css 4种引入方式
- Css 学习笔记--样式引入方式及按权重判断优先级
- Css 学习笔记--样式引入方式及按权重判断优先级
- css的引入方式
- css的引入方式
- css的引入方式
- 引入css的方式
- CSS 引入的方式
- CSS的引入方式
- CSS的引入方式
- CSS的引入方式
- 80数据库中几个菜单表
- Apache OpenNLP介绍(一)
- 【数据结构4】队列
- Hive安装 (hadoop2.6.2 hive 1.2.1)
- qq分组
- CSS的4种引入方式及优先级
- window7+red5搭建直播服务
- HTML编码问题--IE中编码问题
- 解决微信小程序银行卡号输入转换格式
- Graphviz使用注意事项
- 【数据结构5】树
- Android 开源库的引用
- [Codeforces338D]GCD Table(扩展中国剩余定理)
- (三)responseCode(响应码)