随笔分类 -  CSS

摘要:这里就谈2个模式(box-sizing): border-box; content-box; 首先了解一下盒子模型:这里直接copy了, 组成4部分;content、padding、border、margin; 模式1-border-box:元素设置的height = content+padding 阅读全文
posted @ 2020-11-17 15:26 无敌徐最俊朗 阅读(74) 评论(0) 推荐(0) 编辑
摘要:1、浮动产生负作用 1.1、背景不能显示; 1.2、边框不能撑开; 1.3、margin/padding值不能正确显示; 2、清楚浮动方法 2.1、父元素设置高度; 2.2、父元素overflow:hidden; 2.3、浮动元素尾部增加标签,添加clear:both样式; 阅读全文
posted @ 2019-07-26 13:48 无敌徐最俊朗 阅读(172) 评论(0) 推荐(0) 编辑
摘要:hello,大家好!本着开源的精神,我今天给大家分享一个在线使用阿里icons的办法(至于好用不好用,谁用谁知道)。大家有钱没钱的都过来瞧瞧呀!(哎呀,说的太好了,看来又要解锁一门新技能了) 步骤:1、首先,你得有一个阿里icon的账号吧,这个就不多说了; 2、其次,创建一个项目,并往里添加你要用的 阅读全文
posted @ 2019-06-01 23:33 无敌徐最俊朗 阅读(1125) 评论(0) 推荐(0) 编辑
摘要:之前碰到了鼠标悬浮目标元素出现提示信息的功能需求,其中对顶部的三角的外边框如何生成的产出了兴趣。下面是我认为的比较便捷的实现方法: 原理:归根结底都是2三角叠加,这里是利用特殊符号&#9670;(亲测应该是比较好用的) <!--带边框三角的制作--> <div style="position: re 阅读全文
posted @ 2018-11-07 10:08 无敌徐最俊朗 阅读(147) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示