原来是创建文件的时候出错,将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; }
|