css概念
层叠样式表
css作用
- html的作用是负责格式化展示,若使用html来进行数据的展示,则会出现样式书写起来太过麻烦,不益于维护,不能重复使用
- html可以有效组织数据的展示,但是不同类型数据在浏览器中的分布没有办法实现
- css在html的基础上,专门来给网页进行样式开发,给网页进行布局
特点
因为css依附于html生存。所以要让浏览器知道从哪开始用css的格式解读,所以要对他进行声明一个代码域
- 可以声明在head中,不过是公用的
<html>
<head>
<title>css的声明</title>
<meta charset="UTF-8"/>
<!--声明css代码域-->
<style type="text/css">
<!--标签{}-->
hr{
width:50%;
}
</style>
</head>
<body>
<h3>css的声明</h3>
<hr />
<hr />
<!--两条水平线都是一样的效果-->
</body>
</html>
- 也可以直接写在标签里
只会作用于此标签
<hr style="background-color:blue"/>
3. 在head标签中使用link引用外部声明好的css文件
此声明相当于调用,解决了不同网页间样式重复使用的问题
只用声明过一次,可以随时使用
hr{
width:50%;
height:20px;
color:red;
background-color:red;
}
<!--在head中写link标签,href="文件名"-->
<link rel="stylesheet" type="text/css" href="hr.css"/>
注:3者同时作用在一个标签上,先执行1,在执行3,最后执行2