1.圆角边框border-radius:5px；2.多张背景图片背景：url(img_flwr.gif)右下不重复，url(paper.gif)左上重复；3.颜色和透明度（从原来的rgb到现在的rgba）background:rgba(0,0,0,.5);四、多栏布局和弹框模型展示：flex；五、方块的变化(2D,3D)transform:translate(50px,100px);//移动transform:rotate();//旋转transform:scale();//缩放transform:skew();//Skew用于元素的直接或鼠标引起的变化，没有别的改变参数（如延迟，持续时间，变化曲线），立即改变。6.转场和动画转场：宽度1s线性2s；转场效果，通过指定某些属性和改变参数，转场以原来的定义为开始状态，通过鼠标操作（悬停）发生变化，悬停状态定义结束状态来实现转场效果。animation:myfirst5s;@keyframesmyfirst{0%{background:block;}25%{background:red;}50%{background:yellow;}100%{background:green;}}动画效果，增强过渡效果，指定通过animation获取动画名称和动画参数，@keyframes定义动画内容，根据参数自动触发。7、导入网页字体（保存在服务器端）@font-face{font-family:myfirstfont;src:url(sansation_light.woff);}div{font-family:myfirstfont;}8.媒体查询正文{background:yellow;}@mediascreenand(max-width:480px){background:red;}九、阴影h1{//文字阴影text-shadow:5px5px5pxred;}div{//框阴影box-shadow:10px5px5pxyellow;}
