随笔分类 - 每周CSS练习
初入前端,基本功不能少,每周切切图,练练CSS
摘要:第一次做移动端的页面,遇到的第一个问题就是移动端的轮播图。其实轮播图的插件有很多,但是完全满足需求的并不容易找。 需求: 1.实现基本的触屏轮播图效果 2.传入非标准比例的图片,可以自动平铺(有时候图片可能比例略有偏差,当然例子里的图是随便找的,平铺之后不能看呀) 3.轮播图模块能实现自适应,按照固
阅读全文
摘要:之前计划是一周还原一个网页或者切一张psd来练习基本功的。正好周五的时候接到一个电话面试,让我还原一下163邮箱主页,晚上发给他,就正好当是这周的练习吧。 吃完晚饭开工,做到12点,差不多4个小时,基本上做完了,不过还有些局部没完成。算还原度90%吧,剩下的这两天有空再补啦。 这是目前的完成情况 w
阅读全文
摘要:想要实现这样一个父元素中的子元素都是居中的 只需在父元素上加样式 设置为flexbox布局,方向为纵向排列,第三句是使其居中。 如果三个子元素的距离要自己设定,就设置margin-top或margin-bottom就好了; 如果让其自动调整,可以给父元素的样式再加上 这样剩余的空间会自动分配到各元素
阅读全文
摘要:开始切第一张图了,第一个遇到的问题是顶部导航栏这里,用斜线分割。想到的思路是用伪类:before或者:after实现 先写html结构。 <!-- 导航栏begin --> <div class="header_right fr"> <a href="#" class="link">Home</a>
阅读全文

浙公网安备 33010602011771号