层叠样式表与css3基础

原来是创建文件的时候出错,将css文件误建为html,修改时直接修改后缀名,忽略了html文档中已生成的此行:// C# Document。
不过为什么这段文字(// C# Document)会只让body样式不生效,但是h标签的照常能显示呢?

在定义样式的时候,如果不先定义body元素,body中的其他元素是否就不会显示,如h、p等标签:

<!doctype html><!--告知该文档是HTML5文档-->
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" />
<title>无标题文档</title>
</head>

<body>
<h1>body 区块(section)标题</h1>
<p>HTML5文档由不同的区块构成。</p>
<h2>HTML5中新增的区块元素</h2>
<ul>
<li>section</li>
<li>article</li>
<li>nav</li>
<li>aside</li>
</ul>
<h2>中国网页浏览器的占有率</h2>
</body>
</html>

// C# Document
@charset "utf-8";
/*body{
font-size:75%;16px*0.75=12px
line-height:1.5;12px*1.5=18px
}*/
h1,h2{
color:#3fb8eb;
}

 // C# Document

@charset "utf-8";
body{
font-size:75%;/*16px*0.75=12px*/
line-height:1.5;/*12px*1.5=18px*/
}
h1,h2{
color:#3fb8eb;
}

原文地址:https://www.cnblogs.com/zoeyll/p/4075038.html