摘要: 在不使用javascript的情况下,利用HTML和CSS同样可以实现简单的轮播图效果。 (效果图) 实现思路为:将三张(或多张)需要轮播的图片做成一张横向排列的图片,类似CSS雪碧图的概念。利用绝对定位,在点击按钮1时,图片left为0%,点击按钮2时,图片left为-100%,点击按钮3时,图片 阅读全文
posted @ 2016-10-22 21:03 YoloMonkey 阅读(1055) 评论(0) 推荐(0) 编辑
摘要: 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同? 1 有两种:IE盒模型、W3C盒模型 2 盒模型:内容(content)、填充(padding)、边框(border)、外边距(margin) 3 区 别:IE的content把border和padding都计算了进去 CSS选择符有 阅读全文
posted @ 2016-10-22 21:00 YoloMonkey 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 在完成百度前端学院的初级任务阶段时,是不允许使用 javascript 来制作页面动态效果,但是对于下拉菜单效果的实现可以仅仅通过纯HTML和CSS来完成。 (效果图) 实现的思路为,利用单选框(radio)是否被选中(checked)的状态来代替点击(click),从而判断是否显示下拉菜单内容(u 阅读全文
posted @ 2016-09-29 21:29 YoloMonkey 阅读(444) 评论(0) 推荐(0) 编辑