W3school中的例子:
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1{color:red}
p{color:blue}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
关键点:1.<style type="text/css"> </style>,即一定要记得要有结束标签;
2.样式在需要修改的内容的前面,可以放在<head></head>里面,也可以放在<body></body>里面,W3school里面的例子是放在<head></head>里面,然后自己联想是不是只要在修改的内容的前面就行?于是试着改了一下顺序:
<DOCTYPE HTML>
<html>
<body>
<style type="text/css">
h1{color:red}
p{color:blue}
</style>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
发现显示效果一样!
所以验证了之前的猜想,即样式只要在修改的内容的前面就行。