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

css的三种引入方式

2017-09-14 22:06 411 查看

css三中引入方式：

行间样式>内部样式=外部样式（内部样式和外部样式优先级相同，文档后面的会覆盖前面的）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--
三种引入方式优先级
行间样式>内部样式=外部样式（内部样式和外部样式优先级相同，文档后面的会覆盖前面的）

-->

<!-- 外部引入方式
外部引入方式
开发中最常用的引入方式
语法：在head中 ，使用link 标签引入外部文件， href中是外部引入方式的相对路径
-->
<link rel="stylesheet" type="text/css" href="css/style.css">

<!-- 内部引入方事  在head标签中写一个style标签 在style标签中设置样式
语法：选择器名{样式}
-->
<style >
p{
width: 200px;
height: 200px;
background-color: yellow;
}
div{
width: 300px;
height: 300px;
background-color: pink;
}
</style>

</head>
<body>
<!--在标签中写入style属性，样式写在style中，最不常用。 行间样式  优先级最高-->
<div style="width: 100px;height: 100px;background-color: purple;"></div>
<p>柳岩</p>
<p>于明加</p>
<ul>
<li>林峰</li>
<li>李若彤</li>
<li>朱茵</li>
<li>黄渤</li>
</ul>

</body>
</html>

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

标签： css html5

相关文章推荐

新的分享

章节导航