写在前面：附一篇w3s的关于css float的讲解：http://www.w3school.com.cn/css/css_positioning_floating.asp float属性还没有彻底了解，因为遇到了float之后会导致width自适应最小化的问题，然后又偶然发现float的内联元素可 ...
分类：
其他好文 时间：
2020-06-09 14:59:04
阅读次数：
87
1.文档流 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline）不独占一行。一般使用margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使 ...
分类：
Web程序 时间：
2020-06-08 15:04:12
阅读次数：
70
一.元素显示模式 1.概念 元素显示模式就是元素（标签）以什么方式进行显示。 2.分类 分为块元素和行内元素 3.块元素 常见的块元素 <h1>~<h6> <p> <div> <ul> <ol> <li> 等。 特点 ： 1.独占一行 2.高度，宽度，行边距，都可以控制 3.宽度默认是容器（父级）宽 ...
分类：
Web程序 时间：
2020-06-06 12:51:38
阅读次数：
57
css中有三种基本的定位机制：普通流、浮动流、定位流 1、普通流：上下排列的布局 （大部分情况） 2、浮动流：左右排列的布局 （大部分情况） 3、定位流：层叠（叠加）排列布局（大部分情况） 定位属性 position：检索或设置对象的定位方法 static ：默认值，没有定位，可以用于取消元素之间的 ...
分类：
Web程序 时间：
2020-06-05 19:22:04
阅读次数：
94
CSS元素分类 CSS元素大的分为两类：块级元素和行内级元素但行内元素可以进一步分为：行内替换(置换)元素、行内非替换(非置换)元素。 一、块级元素与块元素 块级元素：元素会新起一行，并独占一行，如div、p、form等。display 属性值为：block, list-item, table, f ...
分类：
Web程序 时间：
2020-06-03 13:59:14
阅读次数：
150
1、基本概念1）Flex布局元素称为Flex 容器，子元素称为Flex项目；2）容器存在两根轴：主轴main axis(默认是水平方向)和交叉轴cross axis(默认是垂直方向)；3）任何一个容器都可以指定为flex布局： 块元素：display：flex； 行内元素：display:inlin ...
分类：
其他好文 时间：
2020-06-01 21:03:38
阅读次数：
90
1、什么是元素的显示模式 作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页 元素的显示模式就是元素以什么方式来进行显示，比如<div>自己独占一行，一行又可以放多个<span> html一般分为块元素和行内元素两种类型 2、块元素 （1）常见的块元素： ...
分类：
Web程序 时间：
2020-05-31 21:41:52
阅读次数：
162
BFC的定义 BFC到底是个啥呢？先贴出一段大佬们在分析BFC的时候字面上的理解： 在CSS布局中，是通过对一个个box的布局，来实现整体页面的布局，这一个个box也就是一个个容器元素，这些元素分为两类：块级元素(block)，行内元素(inline)。 对于不同类型的元素，有不同的处理规则，这个元 ...
分类：
其他好文 时间：
2020-05-28 00:48:54
阅读次数：
86
首先是弹性盒布局：dispaly:flex；和display:inline-flex；(两个元素会在一行显示，类似于块状元素和行内块元素的区别) 1.设置成弹性盒后，所有的元素都会在主轴上排列，默认x轴为主轴，与主轴垂直的为侧轴 2.如果父元素设置成了弹性盒，想让子元素在弹性盒上下左右居，子元素只需 ...
分类：
其他好文 时间：
2020-05-26 22:13:49
阅读次数：
102
垂直居中方法 适用于父盒子为块级元素（div）、子盒子为块级元素（div）；父盒子为块级元素（div）、子盒子为行内块元素（span）；父盒子为块级元素（div）、子盒子为内联元素（img）； .father { height: 500px; width: 500px; background-col ...
分类：
其他好文 时间：
2020-05-26 20:42:24
阅读次数：
66
