CSS 引入的4种方式
2015-12-30 13:05
676 查看
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 文件就引入了前边的两个文件
优先级顺序规则
就近原则相关文章推荐
- HTML+CSS
- [CSS3] Animation
- 相关css 细节处理 neat.css
- CSS基础——添加样式
- 为 TextView 的部分文字设置超链接样式并监听点击事件
- CSS盒子,line-height,padding,margin,background,border
- CSS强制性换行
- Java压缩JS、CSS并合并,网上收集汇总
- css中各种居中总结
- 链接太长自动换行
- CSS如何设置div半透明效果
- CSS3那些不为人知的高级属性
- CSS学习总结1
- 利用 NotificationManager ,BigTextStyle等,实现普通、自定义、扩展样式,锁屏时,安全通知功能的状态栏通知
- CSS3-html,样式与样式表的创建,选择器
- CSS3 3D转换入门篇
- reset.css
- css3笔记
- CSS3特效:案例&3D转换
- [CSS3 Practice] Simulate MacBook Dock