css
	层叠样式表
	语法
		属性名和属性值之间用:隔开
		多对属性之间用;隔开
		最后一对属性可以不加;
		样式
			一：<div style="width:100px;height:100px;background-color:red"></div>
			二：在<title></title>下方添加\n<style>\ndiv(选择器){作用域}\n</style>
	写法速记
		简写形式
			border:1px solid red;\n等价于：border-top-width:1px;\nborder-left-width:1px;\nborder-right-width:1px;\nborder-bottom-width:1px;\nborder-style:solid;\nborder-color:red;
			盒子：包括 内容+内边距+外边距+边框\npadding是内边距\nmargin是外边距
			padding:10px;上下左右均为10px\npadding:10px 20px;上下10px 左右20px\npadding:10px 20px 30px;上10px 左右20px 下30px\npadding:10px 20px 30px 40px;上10px 右20px 下30px 左40px
	注释语法
		写法：/**/
		作用：代码的解释说明\n实现对代码更方便维护和管理
		注释不能嵌套使用
	引入css方式
		行内样式
			style属性
		内联样式
			style标签
		外部引入样式
			创建.css后缀名的文件
				在<title></title>下方使用link标签导入
		上述三个方法的优先级排序
			行内样式优先
			内联样式和外部引入样式谁在最下方，优先级就高
	选择器
		标签选择器：根据标签名称选择一类元素
			div{}
		id选择器：通过id属性选择一个元素
			#one
		类选择器：通过class属性选择一个元素
			.one
		普遍选择器
			*{}  选择全部
		后代选择器
			selector1>selector2 选择直接子元素
			selector1 selector2  选择所有后代元素，包含孙代元素
		兄弟选择器
			+  选择当前元素之后的一个兄弟元素
			~  选择当前元素之后的所有兄弟元素
		属性选择器
			[class="one"]
				选择当前页面中具有class属性，并且class属性值为one的元素
			[class~="one"]
				选择当前页面中具有class属性，并且class属性值之一为one的元素(英文)
			[class^="o"]
				选择当前页面中具有class属性，并且class属性值以o开头的元素(英文)
			[class$="o"]
				选择当前页面中具有class属性，并且class属性值以o结尾的元素(英文)
			[class*="o"]
				选择当前页面中具有class属性，并且class属性值包含o的元素(英文)
		多选择器
			用,隔开多个选择器
				div,p{}
		组合选择器
			将多个选择器组合到一起使用
				div.one{}
		伪类选择器
			:伪类名称
				:first-child
				:last-child
				:nth-child(number/odd/even)
			和状态相关的伪类
				:hover
					当鼠标悬停在元素上
				:active
					当鼠标按下不松开时
				:link
					当鼠标未被点击时
				:visited
					当点击过后的状态
				设置顺序：link-visited-hover-active
		伪元素选择器
			::伪元素的名称
				::first-letter
					第一个字符
				::first-line
					第一行
				::selection
					文本被选中的时候
				::before
					当前元素内容之前
				::after
					当前元素内容之后
		选择器的优先级
			!important 不计入特性值中，使用了该属性的样式优先级最高，不建议经常使用
			优先级需要根据特性值来计算，特性值越大，优先级越高，特性值相同时，越靠下的优先级越高
				style属性：1000
				id选择器：100
				类选择器/属性选择器/伪类选择器：10
				标签选择器/伪元素选择器：1