![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 81
wind~lala
这个作者很懒,什么都没留下…
展开
-
亲身经历——前端面试
1.css3新特性:border-radius:为元素添加圆角边框box-shadow:向框添加一个或多个阴影border-image:设置边框图像background-size:背景图片的尺寸linear-gradient():线性渐变word-break:定义如何换行word-wrap:允许长的内容可以自动换行transform:应用于元素的2D或3D转换transition:设置元素当过渡效果animation:为元素添加动画2.雪碧图(精灵图)优点减少图片的字节;减少了原创 2021-03-30 20:06:03 · 264 阅读 · 0 评论 -
移动端(rem)布局
在移动端布局的过程中,我们可以通过设置表头并且添加相应的样式让页面响应式布局<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端也是需要响应式布局的,通过响应式原创 2020-06-08 17:44:12 · 170 阅读 · 0 评论 -
通过css四个角边框的实现
想要实现的效果现在只有四个角,而想要实现整个边框的绘制,所需部分重要css代码如下,可供参考.Border{ position: relative; background-image: url(../../Images/border/lt.png), url(../../Images/border/rt.png), url(../../Images/border/ld.png),原创 2020-06-04 11:56:48 · 2771 阅读 · 0 评论