wind_linjie的博客

1.css3新特性： border-radius：为元素添加圆角边框 box-shadow：向框添加一个或多个阴影 border-image：设置边框图像 background-size：背景图片的尺寸 linear-gradient()：线性渐变 word-break：定义如何换行 word-wrap：允许长的内容可以自动换行 transform：应用于元素的2D或3D转换 transition：设置元素当过渡效果 animation：为元素添加动画 2.雪碧图（精灵图） 优点 减少图片的字节； 减少了

在移动端布局的过程中，我们可以通过设置表头并且添加相应的样式让页面响应式布局 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 样式中添加 html,body{font-size:100px;} 然后接下来就可以写rem布局的其他样式了， 但是有些时间pc端也是需要响应式布局的，通过响应式

想要实现的效果 现在只有四个角，而想要实现整个边框的绘制，所需部分重要css代码如下，可供参考 .Border{ position: relative; background-image: url(../../Images/border/lt.png), url(../../Images/border/rt.png), url(../../Images/border/ld.png),