1.行间样式：通过给标签添加style属性，将css代码写在行间
<div style="width:200px;height:200px;background-color:pink" ></div>2.内部样式:在html文档中head标签内，将css写style标签内
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width:200px;
height:200px;
background-color:chartreuse;
}
</style>
</head>
<body>
<!--
内部样式： 通过head标签中的style标签，将css写在当前html文件内部
-->
<div></div>
</body>3.外部样式：单独创建一个css文件，将css代码写在单独文件中，在html文件中通过link标签引入该css文件。
/* 01.css文件 */
div{
width:200px;
height:200px;
background-color:chartreuse;
}<!-- html文件 -->
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./css/01.css">
</head>
<body>
<!--
通过link标签引入 外部css文件
-->
<div></div>
</body>行间样式适用于某个元素拥有特殊样式时使用，结构 表现【不分离】
内部样式适用于单个页面拥有特殊样式时使用，结构表现【半分离】
外部样式适用于多个页面拥有相同样式时使用，结构表现【相分离】
1398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
