css概念，作用，使用

css概念

层叠样式表

css作用

  1. html的作用是负责格式化展示，若使用html来进行数据的展示，则会出现样式书写起来太过麻烦，不益于维护，不能重复使用
  2. html可以有效组织数据的展示，但是不同类型数据在浏览器中的分布没有办法实现
  3. css在html的基础上，专门来给网页进行样式开发，给网页进行布局

特点

  1. 语言简单

  2. 开发的样式可以重复

    css的声明

因为css依附于html生存。所以要让浏览器知道从哪开始用css的格式解读，所以要对他进行声明一个代码域

  1. 可以声明在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>
  1. 也可以直接写在标签里

只会作用于此标签

<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

posted @ 2021-10-27 12:07  valder-  阅读(337)  评论(0)    收藏  举报