大草包的博客

border-radius变化情况: 注: 最大弯度为90px; <!--border-radius:0 0 0 0--> 第一↖ 第二↗ 第三↘ 第四↙ <!--border-radius:0 0 0 --> 第一↖ 第二↗↙

column-count:1/auto 元素应该被分隔的列数column-fill:如何填充列 balance对列进行协调。浏览器应对列长度的差异进行最小化处理 auto按顺序对列进行填充，列长度会各有不同column-gap:1/normal 列间隔column-color/style/width：样式可参详out-line或border的样式 thin 纤细规

<!--@keyframes XXX(动画名称)｛ form{top:0px} to{top:100px}或 0%{top:0px} 25%{top:0px} 75%{top:0px} 100%{top:0px} ｝--><!--animation-name:none/XXX 动画名称--> <!--animation-duration:1s 动画

<!--transition-property:过度名称 none没有属性会获得过渡效果 all所有属性都将获得过渡效果 width定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔--> <!--transition-duration:0/2 过度时间--> <!--transition-timing-function: 过渡效果的时间曲线 linear 规

<!--transform:matrix3d(1,2,3,1,1,2,3,1,1,2,3,1,1,2,3,1); 3D转换--> <!--translateZ(50); Z的转换--> <!--scaleZ(1) 设置 Z 轴的值来定义 3D 缩放转换--> <!--rotate3d(x,y,z,angle) 3Dx旋转--> <!--rotateX/Y/Z(x,y,

-ms-(IE9) -moz- 火狐 -webkit- 萨法、谷歌 欧鹏不用前缀 transform:matrix(X,X,X,X,X,X)使用六个值的矩阵,转换 如： transform:matrix(2,2,3,4,5,1) -moz-transform:matrix(2,2,3,4,5,1) transform:tr

font-family:字体类型 url:字体文件的URL font-stretch：拉伸 normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-exp

<!--文本：标点字符是否位于线框之外--> hanging-punctuation:first(标点附着在首行开始边缘之外) last:(标点附着在首行结尾边缘之外) none:(不在文本整行的开头还是结尾的行框之外放置标签符号) punctuation-trim:none(不修剪开启或闭合标点符号) start:(修剪每行结尾的开启标点符号) end

<!--背景图像尺寸修改--> border-image <!--绘制区域--> border-clip:border-box/padding-box/content <!--背景图像区域--> border-origin:border-box/padding-box/content

appearance: normal 将元素呈现为常规元素。 icon 将元素呈现为图标（小图片）。 window 将元素呈现为视口。 button 将元素呈现为按钮。 menu 将元素呈现为一套供用户选择的选项。 field 将元素呈