摘要:
1.上下margin重叠问题 HTML: <div class="box1"></div> <div class="box2"></div> CSS: * { margin: 0; padding: 0; } .box1 { height: 100px; width: 100px; backgrou 阅读全文
摘要:
1.影响 让子元素默认横向排列 (默认主轴:水平方向;相反侧轴:垂直方向) 弹性盒子会把行内元素,变成块元素 只有一个元素时,使用margin:auto 自动居中 2.修改主轴方向 属性:flex-direction 属性值: row (默认:水平排列) row-reverse 水平取反排列 col 阅读全文
摘要:
1.单行文本溢出显示省略号 HTML: <div> Visual Studio Code(简称 VS Code)是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码 编辑器,编辑器中内置了扩展程序管理的功能。 </div> CSS: div{ he 阅读全文
摘要:
以阿里矢量图标库为例: 1.添加图标 1.登录网站 2.找到自己需要的图标,点击加入购物车 3.点击左上角购物车图标,讲刚刚选中的图标添加到项目,选中要加入的项目,点击确定 2.使用方式(下载后使用) 1.在项目设置里面,勾选这几个选项,保存 2.将该项目的图标下载到本地,会得到一个压缩包 3.下载 阅读全文
摘要:
1.怪异盒模型 语法:box-sizing:border-box; padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度。 HTML : <div> 怪异盒模型 </div> C 阅读全文