- 博客(3)
- 收藏
- 关注
转载 利用CSS 3的transition特性实现轮播图
在不使用javascript的情况下,利用HTML和CSS同样可以实现简单的轮播图效果。 (效果图) 实现思路为:将三张(或多张)需要轮播的图片做成一张横向排列的图片,类似CSS雪碧图的概念。利用绝对定位,在点击按钮1时,图片left为0%,点击按钮2时,图片left为-100%,点击按钮3时,图片left设置为-200%。 转载于:https://www.cnblog...
2016-10-22 21:03:00
275
转载 前端面试题——CSS篇
介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同? 1 有两种:IE盒模型、W3C盒模型 2 盒模型:内容(content)、填充(padding)、边框(border)、外边距(margin) 3 区 别:IE的content把border和padding都计算了进去 CSS选择符有哪些?哪些属性可以继承? 1 id选择器(#id) 2 类选择器(.clas...
2016-10-22 21:00:00
194
转载 纯HTML、CSS实现下拉菜单
在完成百度前端学院的初级任务阶段时,是不允许使用 javascript 来制作页面动态效果,但是对于下拉菜单效果的实现可以仅仅通过纯HTML和CSS来完成。 (效果图) 实现的思路为,利用单选框(radio)是否被选中(checked)的状态来代替点击(click),从而判断是否显示下拉菜单内容(ul)。如果单选框被选中,则 ul 的样式为display:block ,否...
2016-09-29 21:29:00
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人