- 博客(5)
- 收藏
- 关注
原创 清除浮动的方式
清除浮动的方式: 1. 定高法: 直接给父元素设置高度height 应用: 适合用于高度写死的部分。比如网站的头部模块 弊端: 高度写死,不利于页面后期维护 ; 2. overflow:hidden ; 给父元素添加 overflow:hidden 弊端: 定位溢出的元素会被隐藏 3. 额外标签法 : ...
2022-03-08 15:06:56
112
原创 字体图标库
字体图标库 1. 阿里巴巴矢量图标库 icofont 2. Font Awesome 3. Glyphicons 字体图标 4. 框架中 融入字体图标 定义通用的类名: iconfont ; 定义图标的基础样式 <p class="iconfont icon-xxx"></p> icon-xxx 类名就是具体的图...
2022-03-08 15:03:48
1519
原创 元素居中的方式
单行文本居中:块元素中的行内元素,或者 行内块元素 水平居中 水平居中: text-algin:center 单行文本居中:块元素中的行内元素水平垂直居中 水平居中: text-algin:center 垂直居中: line-height取值和height 一样 块元素水平居中: 块元素有固定宽度(宽度不为100%)水平居中 margin:0 a...
2022-03-08 14:59:02
146
原创 02-margin的兼容性问题
标签分类: 单双标签:单标签 双标签 标签语义分类 : 有语义 没有语义 标签特性: 块元素 行内元素 行内块元素 盒模型属性的特性: 1. width height : 行内元素不支持宽高,需要转换为块元素或者 行内块元素 2. padding: 行内元素不支持上下的padding(padding 可以撑起来高度,但是不占位置), 但是支持左右的paddi...
2022-03-08 14:57:44
335
原创 01-margin属性
盒模型: width : height : padding : 内填充/内边距/内补白 border : 边框 margin : 外边距 ; 元素与元素之间的距离 盒模型计算: 1. 计算元素真实的大小 元素真实的宽度 = width(你设置的) + padding(左右的) + bord...
2022-03-08 14:55:06
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人