index.html
<!DOCTYPE html> <!-- 声明 html -->
<!-- 超文本 -->
<html>
<head> <!-- 头部 -->
<!-- 单标签 -->
<meta charset="utf-8"> <!-- 设置编码格式-->
<!-- 双标签-->
<title>注释</title> <!-- 标题 -->
<!-- 内部样式 -->
<style type="text/css">
div{
width: 200px;
height: 200px;
color: brown;
background-color: cornflowerblue;
/* border: 5px #A9A9A9 solid */; /* border是边框 solid是实线、dashed是虚线 */
}
</style>
<!-- 外部样式、在实际开发者使用的最多-->
<!-- 外部样式和内部样式的优先级谁在文档后面谁的优先级高 -->
<link rel="stylesheet" type="text/css" href="./index.css"/>
</head>
<!-- 主体 -->
<body>
<!-- 标签 -->
<!-- 内联样式、优先级最高-->
<div style="color: blue;background-color: antiquewhite;">小说是一个民族的秘史</div>
<div>陈忠实</div>
<li type="">白鹿原</li>
</body>
</html>
index.css
li{
width: 200px;
height: 200px;
color:green;
background-color: darkgray;
}