随笔分类 -  案例

摘要:Document 噫吁嚱,危乎高哉!蜀道之难,难于上青天! 蚕丛及鱼凫,开国何茫然! 尔来四万八千岁,不与秦塞通人烟。 西当太白有鸟道,可以横绝峨眉巅。 ... 阅读全文
posted @ 2019-01-23 17:44 cl94 阅读(273) 评论(0) 推荐(0)
摘要:知识点:1,a链接加display:block;转成块级元素,可以实现这样的效果 ,即a链接占满li容器,移上去(a即li)就会有样式变化,用户体验更好 (li{height:40px;} li a:{display: block;line-height:40px;padding-left: 20p 阅读全文
posted @ 2019-01-23 11:53 cl94 阅读(198) 评论(0) 推荐(0)
摘要:如果实现这种样式? 先写html ,思路:日期要向右浮动。 于是 .box ul li span{float:right;color:gray;} 怎么添加下边框呢?正确的方式应该是给li设定高度,然后li里面元素的行高就是高度就完美匹配了: .box ul li{height: 30px;line 阅读全文
posted @ 2019-01-23 11:22 cl94 阅读(110) 评论(0) 推荐(0)
摘要:Absolute:绝对定位 结合 Relative:相对定位实现“限时抢“特效 知识点:有些样式必须结合父容器是相对定位Relative,且样式容器是绝对定位Absolute来实现 父容器虽然相对定位Relative了,但是没有设置偏移值。只是为了实现子容器的绝对定位Absolute而已。 阅读全文
posted @ 2019-01-22 16:18 cl94 阅读(142) 评论(0) 推荐(0)
摘要:此时,给蓝色块添加样式 position:relative; left: 30px; bottom:30px; 变成了: 可以看出,原来的位置并没有脱离文档流,新的位置不占用文档流 阅读全文
posted @ 2019-01-22 15:18 cl94 阅读(159) 评论(0) 推荐(0)
摘要:固定定位:一般用来做固定的菜单栏,右边的资讯栏,和购物车的结算信息栏 阅读全文
posted @ 2019-01-22 15:00 cl94 阅读(213) 评论(0) 推荐(0)