【第八篇】text-decoration&伪类样式&background样式&background-position样式

VScode关键点
快捷表现	快捷方式	关键字	举例
图片左右文字垂直排列	图片中文字的排列方式	vertical-align:	.img{vertical-align:middle、button、top } 默认：baseline
text-decoration样式	上划线	overline	text-decoration: overline;
	下划线	underline	text-decoration: underline;
	去除下划线	none	text-decoration: none;
	删除线	line-through	text-decoration: line-through;
伪类样式a:hover 链接伪类:口诀lvha	link	鼠标没有被点过	a:link{color:red;}
	visited	鼠标点击过后并被访问过	a:visited{color:red;}
	hover	鼠标摸上去的时候显示的样式	a:hover{color:red;}
	active	鼠标点中不松开的样式	a:active{color:red;}
list-style 列表样式	无标记符号	none	list-style:none;
	小黑点	disc
	空心圆	circle
	实心的正方形	squre
	数字	decimal
background样式	背景颜色	background-color	background-color:transparent(透明色)
	背景图片	background-image:url(./)
	背景平铺	background-repeat：repeat-x/y
background-position	背景位置	XY轴	①background-position：10px 50px； ②background-position：10% 50%； ③background-position：left/right/center（水平） ④background-position：top/button/center（垂直）
		不平铺	no-repeat
		复合属性	background-position：red url left top no-repeat
		background-size（图片的大小）	background-size:100% 100%;不能省略任何一个