- 博客(7)
- 收藏
- 关注
原创 CSS动画之静态三角形画法与延后的汽车车灯
静态三角形画法:可以使用border来画,设置元素某一边的边框厚度来画:可以不设置border-left,设置其余三项,这样子的话,right是长度,bottom与top是厚度宽度其实就是border的厚度,颜色则是border的颜色。车灯的模糊效果:车灯的模糊效果实现使用-webkit-mask-image来实现(蒙版效果)webkit是一个浏览器的内核引擎,有些标签需要标记内核名称...
2018-12-20 08:54:10 357
原创 css常见问题总结:1.图片一起放时的间距2.浮动后的脱离文档流3.内联与块状的区别 4.替换元素与非替换元素
双Img的字符间距问题:当两个或以上img放在一起时会出现字符间距问题,是因为两张img换行时的空白字节,浏览器无法识别。解决方法:1.把两个img标签写在同一行2.在两个img外套一个父级元素,把父级元素的font-size设置为0(没有大小)3.把img图片的display设置为block(块级元素),然后还需要偏移(当然偏移完需要清除浮动)4.在两个img外套个父级元素,把父级...
2018-12-18 18:56:05 220
原创 父子设置margin-top导致的坍塌现象,原因与解决方法
现象: 当我们给父级盒子设置margin-top的时候,会出现一段冗余,当我们给子级设置margin-top的时候,会出现坍塌现象,渲染出来的页面会根据双方大的margin进行偏移,而且这偏移还是针对父级的,页面上的样子就是,不管你如何Margin-top子级元素始终位于父级的顶端。解决方法:1.给父级设置ov...
2018-12-18 08:33:06 565
原创 addEventListener的一些细节描述
关于addEventListener的一些使用,经过下午对于一个按钮开关写监听的痛苦经历,决定写一篇addEventListener来填补自己的空虚。addEventListener的参数有三个,第一个是事件,例如‘click’,‘touchstart’,去掉on,加上on的事件,一般直接加在元素的后面,例如 demo.onmouseenter=function(e){console.log(e...
2018-10-03 23:55:34 1294
原创 CSS关于清除浮动的方法
1.给子元素设置float,然后给父元素设置overflow:hidden;则可以清除浮动2.伪类清除法(三步走):2-1.不论是before还是after必须的属性是content:‘’即使是空,也必须写。2-2.给display设置block块级元素属性。因为伪类默认的display属性是inline内联式2-3.设置clear属性为both(左右)...
2018-09-19 14:06:35 165
原创 关于盒子与定位的一些小知识总结
CSS+Div的一些小知识,学习加实践后总结:1.要想实现内容自适应页面大小的则让需要的元素的宽高设置百分比或者auto。2.若想要实现内容不随着页面的变化而变化(页面变化有时会影响内容标签的布局),可以使用盒子嵌套法(在需要固定不变的标签外部嵌套一个固定宽的盒子即div,来保证布局,当你设置了一个盒子固定大小时,及时你缩小了页面,也仅仅只是让外面的盒子进行了offset位置,但是里面的...
2018-09-18 22:38:24 619
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人