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
原创粉丝点击