css概念
层叠样式表
css作用
- html的作用是负责格式化展示，若使用html来进行数据的展示，则会出现样式书写起来太过麻烦，不益于维护，不能重复使用
- html可以有效组织数据的展示，但是不同类型数据在浏览器中的分布没有办法实现
- css在html的基础上，专门来给网页进行样式开发，给网页进行布局
特点
-
语言简单
-
开发的样式可以重复
css的声明
因为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