BFC的布局规则以及触发条件 1 .BFC的含义 ： Block Formatting Contexts（BFC） 块级元素格式化上下文 它决定了块级元素如何对它的内容进行布局，以及与其他元素的关系和相互关系 块级元素：父级（是一个块元素） 内容：子元素（是一个块元素） 其他元素：与内容同级别的兄弟 ...
分类：
其他好文 时间：
2019-01-20 18:51:14
阅读次数：
212
1、左侧不居中 css： <style> /*float*/ .s-left{float: left;width: 70px;} .s-right{margin-left: 70px;} /*flex*/ .d-flex{display: flex;} .d-left{flex: 0 0 70px; ...
分类：
其他好文 时间：
2019-01-17 12:49:10
阅读次数：
222
水平居中 行内元素的水平居中 text-align:center（在父元素中设置） 只对内联元素或行内块元素有效 需要放置于父元素中 块级元素的水平居中 margin: 0 auto; 只对块级元素有效 auto指的是自适应宽度。实质就是均分了元素左右的剩余空间，所以元素会居中。 auto只有在块级 ...
分类：
Web程序 时间：
2019-01-16 16:48:47
阅读次数：
190
盒子边框 border：border-width || border-style ||border-color div{border:1px solide red}; border-style常用属性： none 无 solid 实线 dashed 虚线 dotted 点线 double 双实线 表 ...
分类：
其他好文 时间：
2019-01-12 17:51:16
阅读次数：
213
HTML细化知识点总结 1.h1-h6标签 都是标题标签，定义一段话的标题，h1最大，依次递减，h6最小 标题标签的作用：让文本加粗显示 2. 段落标签：p标签 用来显示一段文本(图片)，它会忽略源代码中的排版 块元素：独占一行的元素，和相邻的元素不能共享同一行,所有的块元素都有align属性,h1 ...
分类：
Web程序 时间：
2019-01-11 22:09:52
阅读次数：
237
p{ word-break:normal; text-indent: -2em; margin-left: 2em;} p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行: p标签实现自动换行:p标签实现自动换行:p标签实现自动换行... ...
分类：
其他好文 时间：
2019-01-09 11:28:55
阅读次数：
185
.wh{ font size:1.6em; font family:"楷体"; } fieldset{border:0;border:1px dashed ddd;margin top:20px; margin bottom:20px} legend{color: 06e;margin left:2 ...
分类：
其他好文 时间：
2019-01-06 13:35:40
阅读次数：
309
.progressBar { display: block; width: 65px; height: 65px; top: 50%; left: 50%; margin-left: -74px; margin-top: -14px; padding: 1... ...
分类：
其他好文 时间：
2019-01-05 23:21:43
阅读次数：
362
H5新增的几个容器块元素：1、header:用户表示页面或某个区域的头部2、nav:用于表示导航栏3、aside:用于表示跟周围主题相关的附加信息4、article:用于表示一个整体的一部分主题 5、section:表示右边的侧边栏6、footer:用于表示页面或某个区域的脚注 现在这里来教大家怎么 ...
分类：
Web程序 时间：
2019-01-01 21:08:38
阅读次数：
183
盒子模型的实际尺寸 盒子的width和height设置的是盒子内容的宽和高，不是盒子本身的宽和高，盒子的真实尺寸计算公式如下： 盒子宽度 = width + padding左右 + border左右 盒子高度 = height + padding上下 + border上下 margin相关技巧 1、 ...
分类：
Web程序 时间：
2018-12-27 22:50:10
阅读次数：
179
