引用CSS样式表的三种方式:行内样式、内部样式表、外部样式表。
1.外部样式表
<link rel="stylesheet" type="text/css" href="mystyle.css">
2.内部样式
在head中的样式
3.行内样式
为单行设置的样式
代码如下:
<!DOCTYPE=html>
<html>
<head>
<title>我的页面</title>
<meta charset="utf-8">
<style>
p{background-color: gray;} //内部样式
</style>
</head>
<body>
<p>
另一个段落
</p>
<p style="background-color:yellow;"> //行内样式
我的第一个HTML页面
</p>
</body>
</html>
显示效果如下: