css单词

style	inline  style	行内样式	写元素中
	inner  style	内部样式	写在<style>标签中
	outer style	外部样式	css文件，link引入
伪类	:hover	悬停	选中元素的某种状态
	:active	激活
	:focus	获得焦点
	:link	为访问
	:visited	访问后
伪元素	::after	在元素前添加	content必写属性
	::before	在元素后添加
display	block	块级
	inline	行内
	inline-block	行内块
overflow	visited	允许溢出
	hidden	隐藏，溢出截掉	会触发BFC结界
	scroll	两个方向显示拖拽条
	auto	溢出显示拖拽条
display	none	脱离文档流的消失
visibility	visible	默认可见
	hidden	隐藏占位	不脱离文档流
opacity	0-9	透明，所有内容
box-sizing	content-box	内容盒子	内容撑大
	border-box	边框盒子	压缩内容
padding	1个值	四个方向	内联元素上下间距视觉生效
	2个值	上下 、  左右
	3个值	上、 左右、 下
	4个值	上、右、下、左
	img	特殊元素	均有效
border	top	上	可以单独加颜色或线
	bottom	下
	left	左
	right	右
	border-width	宽度
	border-style	线型
	border-color	颜色
	none	去掉边框
border-style	solid	单实线	trsnsparent透明线
	double	双实线
	dotted	点状线
margin	1个元素	四个方向	可以取负值	相邻取大值，第一和最后会贴边
	2个元素	上下 、  左右
	3个元素	上、 左右、 下
	4个元素	上、右、下、左
	inline-block	行内块	均有效
	inline	行内元素	左右有效
	top	自己移动	不在元素内，透明
	bottom	挤开元素
	left	挤开元素
	right	自己移动
	auto	自动居中	子块在父级居中
background-color	颜色
background-image	url（）	背景图片
	linear-gradient	线型渐变	角度，颜色1开始位置 结束位置，颜色2开始位置结束位置。。。。。。。。。
background-repeat	no-repeat	不重复	重复方式
	repeat-x	水平方向上重复
	repeat-y	垂直方向上重复
background-position	left	水平位置关键词	背景图定位
	crnter
	right
	top	垂直位置关键词
	center
	bottom
	px	长度
	%	百分比
background-size	100%  auto	牺牲高度	背景图尺寸
	auto  100%	牺牲宽度
	auto	图片变形
	100%
	cover	铺满，裁掉多余
	contain	完整，有多余空间
border-radius	px
	%
	1个值	四角	顺时针
	2个值	对角，左上开始
	3个值
	4个值	四角
	50%	宽高一致	圆形	特殊常用
	50%	宽高不一致	椭圆形
	高度一半	宽高不一致	胶囊
	top-left	某一个角
list-style	none	去列表项标识符
outline		去外轮廓
cursor	default	箭头（默认）	常用光标设置
	pointer	小手
	corsshair	十字
	wait	转圈
	move	拖拽
	text	工字
box-shadow	outset	外阴影
	inset	内阴影
	x轴	必写
	y轴
	羽化值	默认为0
	扩展值
	颜色
float	left	浮动
	right
font-size	14px	绝对尺寸	文字可以继承
	1.5em	父级的1.5倍
	1.5rem	根元素的1.5倍
font-family	名称或族名	引号包裹
font-color	任何色值	可以继承
font-weight	normal	默认
	bold	粗体
	lighter	细体
	300	细体
	400	默认
	600	粗体
font-align	left	默认	写在父元素，行内无效
	right	右对齐
	center	居中对齐
font-height	长度		行间距	行高一半是居中
	数组	代表倍数
text-decortion	underline	下划线
	none	无线条
	line-through	删除线
vertical-align	basline	默认	垂直对齐，块级无效
	top	顶部对齐
	bottom	底部对齐
	middle	居中对齐
white-space	nowrap	文本溢出效果	控制宽度
overflow	hidden
text-overflow	ellipsis
z-index	auto	默认	没有单位，可取负值
	数值	层级
position	top	方向值	数值或百分比	可以取负值
	bottom
	left
	right
	static	默认	文档流
	relative	相对定位	不脱离文档流
	abslute	绝对定位	参照定位最近祖先
	fiexd	固定定位	参照html
	sticky	粘性定位
结构性伪类选择器	:nth-child(1)	第一个
	:first-child
	:nth-child(n)	最后一个
	:last-child
	:nth-child(n)	第n个
	:nth-child(even)	偶数
	:nth-child(2n)
	:nth-child(odd)	奇数
	:nth-child(2n-1)
	:nth-child(2n+1)
	:nth-child(4n）	倍数
	:nth-last-child(n)	倒数第n个
	display：flex	弹性布局需添加
flex-direction	row	默认正向排序	行模式	主轴排序
	row-reverse	反向排序
	column	正向排序	列模式
	cloumn-reverse	反向排序
flex-wrap	nowrap	默认不换行	空间不足，压缩项目
	wrap	换行
	warp-reverse	换行且行数反向排
flex-flow	row   wrap	行模式换行	简写，列模式换行需设高度
	column   wrap	列模式换行
justify-content	flex-start	主轴起点对齐	注意区分行、列模式	主轴上对齐
	flex-end	主轴终点对齐
	center	主轴居中对齐
	space-between	两端对齐，其余均分
	space-around	均分配元素变空间
	space-evenly	均排元素，间隔相等
align-item	flex-start	起点对齐	单行	在交叉轴有空余空间
	flex-end	终点对齐
	center	居中对齐
align-content	flex-start	起点对齐	多行
	flex-end	终点对齐
	center	居中对齐
	space-between	两端对齐，其余均分
	space-around	均分配元素变空间
	space-evenly	均排元素，间隔相等
order	数值	数字大靠前，小靠后
flex-grow	0	默认	项目增长
	1	放大占满空间
	n	1的n倍占位
flex-shrink	1	缩小	收缩规则
	0	不变
	n	1的n倍缩小
flex-basis	auto	默认	项目初始尺寸
	数值	使用数值
flex	1	放大占满空间	等同flex-grow：1	项目简写属性
	0 0 500px	不变，定义初始尺寸
	0 0 auto	缩小	等同内容长度
	1 1 auto	随空间变化
transition-property	属性名	默认值  all	过度名称
transition-duration	时间单位秒	默认  0	过度时间
transition-delay	时间单位秒	默认  0	延迟时间
transition-timing-function	ease	默认	过度方式
	linear	均速
	ease-in	慢-块
	ease-out	块-慢
	ease-in-out	慢-块-慢
transition	all 1s 2s ease	过度依次简写	过度简写
	1s  2s	1s过度2s延迟
	1s	1过度
trasform	translate	位移	变换
	rotate	旋转
	scale	缩放/翻转
	skew（）	扭曲
translate	X（数值）	正向右 负向左	位移函数
	Y(数值)	正向下 负向上
	数值，数值	x轴位移  y轴位移
	数值	默认x轴
rotate	角度（deg）	绕中心旋转	旋转函数
	X(角度）	绕x轴旋转
	Y（角度）	绕Y轴旋转
scale	X(正数）	x轴放大	缩放
	Y(正值)	Y轴放大
	大于1的小数	同时放大
	0.5,2	X轴缩一半，y轴放大
	0	消失
	X(负数）	X轴镜面效果	翻转
	Y（负数）	y轴镜面效果
	负数	双向镜面效果
skew	X（角度）	X轴	扭曲
	Y（角度）	Y轴
	两值	XY轴
	一个值	X轴
transform-origin	方向值	基点变换
	百分比
	默认中心点
@keyframes	名称
	0%	开始	关键帧规则
	100%	结束
	from	开始
	to	结束
animation	name	名字必写		动画属性
	duration	执行时间，必写
	delay	延迟时间
	timing-function	执行方式	与过度一样
	iteration-count	执行次数	infinite（无线）/数值
	fill-mode	回初始位	backwards是默认
	direction	执行次序	normal
	play-state	播放状态	running（播放）paused（暂停）
	可简写
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width=device-width	“视口宽度=设备宽度”
initial-scale=1.0	初始化视口不缩放"
@media	screen	媒体类型
	(min-width:600px)	最小边界
	(max-width:990px)	最大边界
vw	宽度	视口，与百分比相等
vh	高度