console
<! DOCUTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的页面，大概吧！</title>
</head>
<body>
<h1>
这是标题
</h1>
<p>
请仔细阅读文件
</p>
<a href="https://www.runoob.com/">前往学习知识</a>
<p id="page1">
这个有id，所以在css中可以通过#page来特定这个段落的样式
</p>
<h2 class="pag">
这是小标
</h2>
<p class="pag">
类属性可以是多个共有的，所以可以通过选择class定义一组的样式，通过.pag来确定,也可以以通过p.pag来特指class中的p标签
</p>
</body>
</html>
body
{
background-color:#d0e4fe;
background-image:url('https://static.runoob.com/images/mix/img_tree.png');
background-repeat:no-repeat;
background-position:right top;
}
h1
{
color:red;
text-align:center;
}
p
{
font-famliy:"Times New Roman";
font-size:15px;
color:yellow;
}
#page1
{
color:green;
font-size:20px;
}
.pag
{
color:white;
}
p.pag
{
color:pink;
}