<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--2.内部样式:在head添加style标签,在标签里添加css样式
选择器{css属性,属性值;}只对当前页面生效,缺少复用性 -->
<!-- <style>
div{
width: 200px;
height: 100px;
background-color: red;
}
</style> -->
<!--3.外部样式:准备一个以css结尾的文件,专门写css样式、再将css文件引入到页面中
<!--rel表示是一个css样式(必须添加)type文本类型-->
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--css 层叠样式表-->
<!--1.行内样式:在标签后添加style属性,在style属性里添加样式
缺点:代码臃肿,不利于开发和维护,基本不用-->
<!--<div style="width: 100px;height: 100px;background-color:blue;">345</div>-->
<div>11111111111111111</div>
<div>22222222222222222</div>
<div>33333333333333333</div>
</body>
</html>
六、css三种编写方式
于 2024-09-28 18:49:44 首次发布