weixin_45681557的博客

阴影box-shadow：盒子阴影（x轴，y轴，模糊距离，阴影半径拓展，阴影颜色，inset(内投影)）可以分别设置四边，性能杀手；text-shadow：字体阴影（x轴，y轴，模糊距离，阴影颜色）；颜色rgba：rgba和opacity区别，只会对当前元素生效；渐变渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。分为线性渐变(linear-gradien...

属性选择器e[ att~=val]其中类名包含了val的标签e[ att^=val]开头的e[ att$=val]结尾的## e[ att*=val]任意位置出现的伪元素就是选择元素内的文档：：root 根选择器：：not 排除选择器伪元素不算内容，不占dome结构伪类e:empty选择内容是空的元素目标元素选择器#哈希值选中锚点状态e：target伪类子元素选择e...

转换 transform旋转 rotate旋转xyz轴 正顺时针负逆时针，单值默认z，3d（1，1，1，25deg）三面合力各做25deg形成的矢量力。平移 translate没有脱离文档流，百分比相对于自身的宽高，旋转平移先后区别，会有不同的效果。缩放 scale缩放单值默认同时应用xy轴扭曲 skew扭曲单值默认只应用x轴。转换中心点transform-origin：改变中...

columns,多列布局复合属性，count列数，width宽度，保证宽度的情况实现列数，用一个。字体列宽-gap列宽rule，缝隙线，不占内容，属性可拆分span，标题跨一列或所有 1/all盒模型box-sizing:box-border ,box-contentdisplay:flex,弹性盒子，容器子元素flex-g，项目，x默认主轴排列，y侧轴/交叉轴等比缩放grow...

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（fl...