html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title><!-- 优先级受到顺序的影响，先外部，后内部最后内联 --> <!-- id，类，标签 不受顺序影响 -->
<style type="tex/css">
h1{/* h1代表选择器,color代表属性 red代表值 color red声明样式*/
color: blue;
}/* h1和p属于标签选择器，标签选择器会给一类标签加上统一样式 */
p{font-size: 30px;
}
/* 写上！important后优先级最高 */
.a{color: red;}/* 类选择器，给任意元素添加样式 使用class较多*/
/* id选择器 ，id代表唯一，只能写一个*/
#b{color: blue;}
/* 内部样式，head内用style包裹。 */
/* text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; 颜色，x轴，y轴，模糊的半径 */
/* text */
</style>
<link rel="stylesheet" href="./外部样式.css"><!-- 外部样式，输入./快速选择 -->
</head>
<body>
<h1>
恭喜发财
</h1>
<p class="a">吾问无为谓无无无</p>
<em id="b">ddddddd</em>
<div style="background-color: greenyellow;"><!-- 内联样式 -->
<!-- div表示一块区域，理解为一个盒子。属于块元素 网页的布局 -->我是div
</div>
</body>
</html>
