CSS Transform总结

CSS Transform CSS3变形中具有X/Y可用的函数: translateX() translateY() scaleX() scaleY() skewX() skewY() CSS3 2D变形函数: translate():接受CSS的标准度量单位,用来移动元素,可以根据x轴和y轴重新定位元素位置 scale():接受一个0-1之间的十进制值,用来缩小或放大元素,可以使元素尺寸发生变化 rotate():接受deg,用来旋转元素 skew():接受deg,用来让元素倾斜 »

CSS3渐变总结

CSS3渐变 渐变可以应用于任何使用背景图片的地方。理论上可在任何使用url()值得地方采用。 线性渐变 linear-gradient([[<angle> | to <side-or-corner>],]?<color-stop>[,<color-stop>]+) 第一个参数指定渐变的方向,同时决定渐变颜色的停止位置,参数值可以省略,省略时取值为to bottom <angle& »

CSS3多列布局属性总结

CSS3多列布局属性 columns:包含column-width,column-count column-width:每列列宽度 column-count:定义列数 column-gap:定义列间距 column-rule:定义列边框 column-span:定义多列布局中子元素的跨列效果 column-fill:控制每列的列高效果 Column-width auto:默认值,如果值为auto或者没有显式设置值时,元素多列的列宽将由其他属性来决定 length:使用固定值来设置元素列的宽度,其主要是由数值和长度单位组成,只能为正值 单独使用column-width可以实现多列布局, »

CSS3 Box Model新增属性

box-sizing content-box:默认值,让元素维持W3C标准盒模型,width/height = border+padding+content width/height border-box:元素的宽度或高度等于元素内容的宽度或高度,内容宽度或高度包括了元素的border,padding,内容的宽度或高度 inherit CSS3内容溢出属性 overflow新增overflow-x和overflow-y属性,overflow-x主要用来定义对水平方向内容溢出的剪切,overflow-y主要用来定义对垂直方向内容溢出的剪切 visible:默认值。表示不剪切容器中的任何内容,不添加滚动条,元素将被裁剪为包含对象窗口的大小, »

CSS3字体属性

CSS字体类型 font-family:定义字体的类型 font-style:定义字体样式normal,italic,oblique font-weight:定义字体粗细,关键词和数值(100-900) font-size-adjust:定义是否强制对文本使用同一尺寸 font-stretch:定义是否横向拉伸变形字体 font-variant:定义字体大小写,normal,small-caps 缩写 font:font-style font-weight/line-height font-family CSS文本类型 »