css3实现垂直居中语法：display:flex,justify-content:center,align-items:centerdisplay:flex,set灵活布局显示；justify-content:center，设置子元素水平居中；align-items:center，设置子元素垂直居中；div{显示：flex;证明内容：居中；align-items:center;}css3实现阴影效果语法：box-shadow:h-shadowv-shadowblurspreadcolorinset;h-shadow：水平阴影位置（必填），允许负值；v-shadow：垂直阴影位置（必填），允许负值；blur：模糊距离（可选）；传播：阴影大小（可选）；颜色：阴影颜色（可选）；inset：改变阴影的内阴影从外阴影（开头）（可选），默认为Outershadow；div{box-shadow:2px2px2px2px#f00inset;}css3实现圆角效果语言方法：border-radius:numberpx;number是一个数字border-radius可以设置多个值；一个值：表示四个圆角相同；两个值：第一个值是右上角和左下角的值，第二个值两个值是右下角和左上角的值；三个值：第一个值是左上角的值，第二个值是右上角和左下角的值，第三个值是右下角的值；四个值：第一个值是左上角的值，第二个值是右上角的值，第三个值是右下角的值，第四个是左下角的值；div{border-radius:30px;/*border-radius:10px30px*//*border-radius:10px20px30px*//*border-radius:10px20px30px40px*/}css3文字效果语法：text-shadow:h-shadowv-shadowblur颜色;h-shadow：所需水平阴影的位置。允许负值；v-shadow：必需。垂直阴影的位置。允许负值；模糊：可选。模糊距离；颜色：可选。阴影颜色；div{text-shadow:2px2px2px#F00;}csspseudo-classfirst-letter语法：first-letter表示为段落文本的第一个字符添加特殊样式div:first-letter{font-size:50px;颜色：#f00；.......}css伪类首行语法：首行是指给文本的第一行加上特殊的样式div:first-line{font-size:50px;颜色：#f00;…..}css透明兼容IE8及以下版本跨浏览器div{width:200px;高度：200px；背景：#00B7FF；不透明度：0.5；/*标准浏览器*/filter:alpha(opacity=50);/*IE低版本8*/}css3图片裁剪语法:object-fit:contain|封面|填充|无|框，保持内容纵横比，如果对象的纵横比与内容框不匹配，对象将被裁剪以适应内容宽度；fill：填充整个内容框（默认值），不保持原来的比例；none：保持图片宽高不变；scale-down：当图片实际宽高小于设置的图片宽高时，显示效果与无一致；否则显示效果与contain一致；divimg{宽度：100%；高度：100%；object-fit:cover;}设置输入占位符的颜色div::-webkit-input-placeholder{color:#999}div:-moz-placeholder{color:#999}div::-moz-placeholder{color:#999}div:-ms-input-placeholder{color:#999}模糊滤镜效果语法：filter:blur()|亮度（）|对比（）|阴影（）|灰度（）|色调旋转（）|反转（）|不透明度（）|饱和（）|棕褐色（）|url()blur(px)：设置高斯模糊，使用单位为px；brightness(%)：设置图像的亮度，以%为单位，值越大越亮；contrast(%)：调整图像的对比度drop-shadow(h-shadowv-shadowblurspreadcolor)：给图片设置阴影效果，参考box-shadow；grayscale(%)：将图像转换为灰度图像，以%为单位；hue-rotate(deg)：对图像应用色调旋转，以deg为单位；invert(%)：设置输入图像的反转，取值范围为0-100%；opacity(0.5)：设置透明度，值为0-1；saturate(%):设置图像饱和度；sepia(%)：将图片转为棕褐色，取值范围为0-100%；url():URL函数接受一个设置了SVG滤镜的XML文件，可以包含一个锚点来指定特定的滤镜元素div{filter:blur(1px);}伪类clearfloat