yuyuy

margin: 0; padding: 0; list-style: none; } ul{...

/* 过渡属性名称 */ transition-property: width,background-color; /* 过度持续时长 */...

.parent{ width: 1090px; height: 570px; margin: 0 auto; }...

.parent{ width: 1090px; height: 38px; /* background-color: royal...

.child{ flex: 0 1 300px; height: 100px; border: 1px solid royalb...

/* 设置弹性元素交叉轴对齐方式 */ align-items: center; } .parent>div{ widt...

flex-basis 给弹性元素设置宽度 同时设置width和flex-basis ,flex-basis优先级高 */ /* .div2{ flex-basi...

margin: 0 auto; /* 开启弹性盒布局 弹性元素沿着主轴方向排列 默认主轴就是水平轴 */ display: flex;...

/* 默认父容器有剩余空间时不会放大 不会占满父容器剩余空间 */ /* flex-grow 默认值0 弹性元素默认不放大 */ flex-grow:...

} /* 更改弹性元素排列顺序 默认order order属性 值越大 越靠后 */ .div1{ order: 3;...

e> /* 天空轮播 晴朗 阴 晴朗 */ *{ margin: 0; padding: 0; }...

* 字符间距 每一个字符和每一个字符之间间距 */ /* 可以继承的 color text- line- font- letter- opacity*/...

<!-- pc端样式 --> <link rel="stylesheet" media="(min-width:1200px)" href="./CSS/1-pc.css"...

多行弹性元素对齐方式 align-content 默认值 stretch 平铺拉伸占满父容器高度 前提取消高度 flex-start 多行起点对齐...

设置水平垂直居中 */ /* 方案一 */ /* display: flex; */ /* 更改主轴对齐方式 */...

更改交叉轴对齐方式 align-items */ /* 默认值felx-start 上对齐 flex-end 右对齐 cent...

更改主轴弹性元素对齐方式 默认值flex-start 主轴起点对齐 */ /* flex-end 主轴终点对齐 center 中间对齐 */ /* j...

父容器的宽度不足以放下所有一个弹性元素时 不会进行换行显示 而是进行等比例压缩 */ /* 设置换行显示 默认是不换行nowrap wrap换行 wrap-reverse换...

开启弹性盒布局 弹性元素沿着主轴方向排列 默认主轴就是水平轴 */ display: flex; /* 更改主轴排列方向 主轴默认值row水平方向 */...

父子元素开启定位流 1.如果只给父元素设置z-index 不给子元素设置 无论父元素z-index多大 子优先级最高...