CSS
学习网站： https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics
https://www.bilibili.com/video/BV1XJ411X7Ud
常用选择器
元素分类：
块级元素：
div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre、header、section、aside、footer。
行内元素：
span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button。
优先级 内联 > ID选择器 > 类选择器 > 标签选择器 > 通配选择器
<!DOCTYPE html>
<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>
<style>
/*
块级元素有：
div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre、header、section、aside、footer。
行内元素：
span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、
textarea、select、small、sub、sup，strong、u（下划线）、button。
*/
/* 优先级 内联 > ID选择器 > 类选择器 > 标签选择器 > 通配选择器*/
/* 常用选择器 */
/* id选择器 */
#one{
color: aqua;
}
/* 类选择器 */
.clazz{
font-size: 20px;
}
/* 元素选择器（标签名） */
p{
color: red;
}
/* 通配选择器 */
*{
color: gray;
}
</style>
</head>
<body>
<!--
网页分成3个部分：
结构（html）
表现（css）
行为（javaScript）
-->
<!-- 常用选择器 -->
<h1>我是一个h1</h1>
<p id="one">少小离家老大回</p>
<p class = "clazz">少小离家老大回</p>
<p class = "clazz">少小离家老大回</p>
<p>少小离家老大回</p>
<p>少小离家老大回</p>
</body>
</html>