CSS 引入的4种方式
来源:互联网 发布:ui界面设计用什么软件 编辑:程序博客网 时间:2024/05/20 01:12
CSS 引入的4种方式
- 行内样式
<p style=”color:red”>段落</p>
- 嵌入样式
<html> <head><style type=”text/css”> #box1{ width:100px;height:200px; } <!— P{color:red;}--> <!-- -->用于当浏览器不支持样式表时,不会将样式表的内容显示出来</style> </head> <body> <div id="box1">hello world</div> <p>hello world</p> </body></html>
- 外链样式
<head> <link rel="stylesheet" type="text/css" href=""></head>
- 导入样式表
<style>@import url("style.css");</style>
说明: 导入式,其实与内嵌式相类似,都是将样式加入到网页中。
1. 导入式,会占用html文件空间
2. 许多浏览器,解析会有问题,
3. @import url(“”); 可将多个样式文件,导入到一个样式文件中去
例如:有style.css 和 hello.css 文件,则在basic.css 文件中写入
@import url(“style.css”);
@import url(“hello.css”);
basic.css 文件就引入了前边的两个文件
优先级顺序规则
- 就近原则
0 0
- CSS 引入的4种方式
- css 4种引入方式
- css的引入方式
- css的引入方式
- css的引入方式
- 引入css的方式
- CSS 引入的方式
- CSS的引入方式
- CSS的引入方式
- CSS的引入方式
- css的引入方式
- css的4种引入方式5种选择器
- CSS的4种引入方式及优先级
- css的4中引入方式
- 引入CSS样式的五种方式
- css的三种引入方式
- 引入CSS样式的几种方式
- 引入CSS样式的几种方式
- Html5入门-hover选择器(一)
- 用Swift做个游戏Lecture08 —— Show Me 得分面板!
- Android 4.4 实现透明状态栏Translucent system bar(Status bar)
- Java并发和多线程2:3种方式实现数组求和
- 用Swift做个游戏Lecture09 —— 服务员,说好的菜单呢?
- CSS 引入的4种方式
- 纯CSS3多列的瀑布流布局演示
- 用Swift做个游戏Lecture10 —— 优化游戏(终结篇)
- maven提示jdk版本或项目版本问题
- HDU 5578.Friendship of Frog【字符串相同字符最近距离】【2015ACM/ICPC亚洲区上海站】【12月30】
- 网页图片轮播
- android AsyncTask介绍 AsyncTask和Handler对比
- js的三种方法类型
- JS获取日期周数(含年份)