CSS——1.优缺点

时间sk2025-01-07 14:10

html 复制代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="1-02.css"/>
	</head>
	<body>
		<!--css：层叠样式表，给网页添加样式-->
		<!--css优点：-->
			<!--1.丰富的样式描述-->
			<!--2.实现了样式和结构的分离，便于维护的管理-->
			<!--3.同样的样式不需要重写，减少代码量，加快页面的加载-->	
			<!--4.样式代码的复用性强-->
			<!--5.多个页面可以使用同一个css样式表-->
			
		<!--css缺点：-->
			<!--1.功能多，学习的知识就多-->
			<!--2.浏览器对css支持程度不一样-->
		
		
		<div style="width: 200px;height: 200px;background: blue;border-radius:50% ;">我要自学网</div>
		<p>我要自学网2</p>
		
	</body>
</html>

一般在开发过程中不会把CSS样式和HTML放在一起写，不利于管理和修改，所以将CSS单独放在一个CSS文件中，如下

用CSS类型写的样式来调控其他html文件里的标签，用

< link rel="stylesheet" type="text/css" href="1-02.css"/>来连接