Web前端 知识点(四）

outline-style: none	样式
outline-width: thick	宽度
outline-color: aqua	颜色
float: left	浮动
clear: both	清除浮动
margin：0px auto	左右居中
boder+paddding+content	盒子大小
margin	外边距
padding	内边距
*{ padding: 0; margin: 0; }	清除元素默认外边距

display: flex	改为弹性盒子
flex-direction: row-reverse	主轴方向
ustify-content: center	主轴排列方式
justify-content: space-between	两边贴边，中间平分剩余空间
justify-content: space-around	平分剩下空间
align-items: center	交叉轴的对齐方式
flex-wrap: wrap	自动换行
flex-grow: 1	分配剩余空间的相对比例
order: -2	order值越小，排列越靠前
flex-shrink: 0	指定了 flex 元素的收缩规则
flex：1	与所有 CSS 尺寸相同，单位与数字间无空格
grid-template-columns: 1fr 1fr 1fr	grid列
grid-template-rows: 200px	grid行
row-gap: 20px	行间距
column-gap: 20px	列间距
gap: 20px	间距
grid-row: 2/4	合并行
grid-column: 1/3	合并列