/* 清除浮动塌陷问题 */.clearfix:after { clear: both;} .clearfix:after,.clearfix:before { content: " "; display: table;} /* 清除浮动塌陷问题 */ .clearfix:after { clear ...
分类：
Web程序 时间：
2019-12-01 18:44:26
阅读次数：
116
盒子模型 1. 页面布局的三大核心，盒子模型，浮动和定位 2. 网页布局过程 先准备好相关网页元素，网页元素基本都是盒子Box 利用CSS设置好盒子样式，然后放到相应位置 往盒子里面装内容 3. 盒子模型的组成 所谓盒子模型：就是把HTML页面中的布局元素看做是一个矩形的盒子，也就是 一个盛装内容的 ...
分类：
其他好文 时间：
2019-11-08 23:48:34
阅读次数：
132
CSS CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 *** https://cdn.bootcss.com/normalize/8.0.1/normalize.css ### no ...
分类：
Web程序 时间：
2019-11-06 16:29:12
阅读次数：
134
本文讲了BFC的概念是什么； BFC的约束规则；咋样才能触发生成新的BFC；BFC在布局中的应用：防止margin重叠(塌陷,以最大的为准)； 清除内部浮动；自适应两（多）栏布局。 1. BFC是什么？ Block fomatting context = block-level box + Form ...
分类：
Web程序 时间：
2019-11-02 00:49:25
阅读次数：
116
1.overflow:hidden 溢出隐藏 给一个元素中设置overflow:hidden ，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。 代码如下： 运行结果如下： 2. overflow:hidden 清除浮动 一般而言，父级元素不设置高度时，高度由随内容增 ...
分类：
其他好文 时间：
2019-10-26 19:12:35
阅读次数：
97
margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： html结构： css样式： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。 ...
分类：
Web程序 时间：
2019-10-23 16:41:42
阅读次数：
104
CSS样式属性 一、宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度，内联标签的宽度由内容来决定。 二、字体属性 2.1文字字体 font family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览 ...
分类：
Web程序 时间：
2019-10-14 01:11:27
阅读次数：
206
css 一、背景属性 二、border radius属性 ? border radius属性可将边框尖角倒角，若将参数设置成长或者高的一半，可得到一个圆形。 三、display属性 ? display用于控制HTML元素的显示效果。 ? display:"none"：HTML文档中元素存在，但是在浏 ...
分类：
Web程序 时间：
2019-10-12 20:44:43
阅读次数：
129
1：给高度塌陷的元素设置overflow:hidden; 原理：因为overflow:hidden;触发了一个BFC BFC布局规则：计算BFC高度的时候，里面的浮动元素也参与计算。 弊端：定位在当前元素外面的内容会被隐藏。 2：给出现高度塌陷的元素里面，放在浮动元素的后面，添加一个空div,并且给 ...
分类：
Web程序 时间：
2019-10-04 17:24:05
阅读次数：
125
1.BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 2.BFC的生成 上文提到BFC是一块渲染区域 ...
分类：
其他好文 时间：
2019-10-01 18:05:00
阅读次数：
110
