用户3594221209559

``` Flex /* 设置成flex布局之后，子元素float就失效了 定位仍然可用 */ display: flex; /* 设置主轴方向 默认不换行 主轴方向从左到右 */ flex-direc

``` 移动端 em 我要好好学习 我要好好学习 我要好好学习 rem 我要好好学习 我要好好学习 ``` ``` 响应式布局媒体查询 实现div在屏幕不同大小的情况下 显示不同的颜色 媒体查询 ma

``` 平移： transform: translateX(); transform: translateY(); 复合属性：transform: translate(x，y); ``` ``` 缩放

``` border-radius: border-radius: 0 10px 30px 50px ; /* 写4个值 按照顺时针顺序 */ border-radius: 0 30px 50px;

HTML5的新特性： 优先级算法 优先级就近原则，同权重情况下样式定义最近者为准载入样式以最后载入的定位为准 !important > id > class > tag !important 比内联优

``` 相对自身位置进行偏移relative： ``` ``` 绝对定位absolute： absolute 绝对定位 脱离了标准的文档流 设置绝对定位之后，前面的会被后面的盖住 ``` ``` re

``` 解决盒子塌陷的四种方法 代码见下： ``` ``` ``` ``` 123123 456456 ```

盒子的宽=width+padding2+border2 盒子的高=height+padding2+border2 怪异盒子模型：width：= height：= box-sizing=border-b

``` background-image:url(图片路径); > 设置图片只出现一次：background-repeat: no-repeat; > 设置图片在x轴重复：background-rep