您的位置：首页 > Web前端 > CSS

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 文件就引入了前边的两个文件

优先级顺序规则

就近原则

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航