CSS（一）

边框

• border-radius: 创建圆角
• box-shadow：右 下 模糊度 颜色 （边框添加阴影）
• border-image: url(图片地址) 30 30 round

背景

• background-size 背景图片的尺寸
• background-origin 背景图片的定位区域（content-box padding-box border-box）
• background-image url(图片路径) 多个之间用逗号隔开
• background-clip 背景的绘制区域

文本效果

• text-shadow(水平阴影 垂直阴影 模糊距离 阴影颜色)
• word-wrap 对文本进行强制换行
• @font-face 规则中，您必须首先定义字体的名称 font-family（比如 myFirstFont），然后指向该字体文件

@font-face{
    font-family:规定字体的名称
    src: 字体文件
    font-stretch:如何拉伸字体
    font-style: 字体样式
}

2D/3D转换 transform

• translate(x,y)
• translateX()
• translateY()
• translate3d(x,y,z)
• rotate(x deg ,y deg) 顺时针旋转给定的度数 可以是负数
• rotateX()
• rotateY()
• rotateZ()
• rotate3d(x,y,z,angle)
• scale(x,y)
• shew(xdeg,ydeg) 翻转
• matrix( 六个值)

过渡 transition 多个属性用逗号隔开

• transition-property 规定过渡css 属性的名称
• transition-duration 过渡效果花费的时间

动画

• @keyframes 中规定某项 CSS 样式，就能创建当前样式逐渐改为新样式的动画效果。
• animation属性

多列

• column-count 属性规定元素应该被分隔的列数
• column-gap 属性规定列之间的间隔
• column-rule 属性设置列之间的宽度、样式和颜色规则。