<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css注释</title>
<link rel="stylesheet" type="text/css" href="a.css"/>
</head>
<body>
<!--头部开始（header标签，页面可见内容的头部）-->
<header>
<div></div>
<!--导航开始-->
<nav class="abc"></nav>
<!--导航结束（nav导航标签）-->
</header>
<!--头部结束-->
<!--主体内容开始（网页内容属性class="content"）-->
<div class="content">我要自学网</div>
<!--主体内容结束-->
<!--尾部开始-->
<footer></footer>
<!--尾部结束-->
</body>
</html>
CSS样式文件：a.css
/*css注释:*/
/*1.合理使用注释可以使代码更清晰,更易修改*/
/* 2.css注释快捷键:"ctrl+/" */
/*头部开始*/
header{
}
/*导航开始*/
header .abc{
}
/*导航结束*/
/*头部结束*/
/*主体内容开始*/
.content{
}
/*主体内容结束*/
footer{
}
