css样式的三种引入方式
程序员文章站
2022-04-28 07:58:01
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<!–2.嵌入式引入样式，样式写在html文档中，head中的style标签内–>-->
<!--<style>-->
<!--div{-->
<!--width: 150px;-->
<!--height: 150px;-->
<!--background-color: green;-->
<!--}-->
<!---->
<!--</style>-->
<!--3.通过link标签，引入外部 1.css 文件的样式-->
<link rel="stylesheet" href="./css/1.css" >
</head>
<body>
<!--1. 行间添加属性style，设置样式-->
<div style="width: 100px;height: 100px;background-color: red">
1111111
</div>
<div>
222222
</div>
<div>
333333
</div>
</body>
</html>
下一篇： 三种CSS样式表的引入方式