自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除