一、float 1.什么是浮动：在我们布局的时用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置 2.浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3.浮动 ...
分类：
Web程序 时间：
2021-05-24 00:50:54
阅读次数：
0
浮动是布局的时用到的一种技术，能够方便我们进行布局。 1、浮动的设置：css属性float：left/right/none 左浮动/右浮动/不浮动（默认） 2、浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3、浮动的影响： ...
分类：
Web程序 时间：
2020-09-18 01:08:19
阅读次数：
49
外边距合并其实经常会遇到，这里稍微总结一下，以及一些相关的术语 一、什么是外边距合并？(折叠外边距) 外边距合并指的是当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者；而左右外边距不合并。 在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是 ...
分类：
Web程序 时间：
2020-05-09 18:45:24
阅读次数：
140
一、浮动框可以向左或向右移动，直到外边缘碰到包含框或另一个浮动框边框为止。 常用浮动：float:left（向左）; float:right（向右）; 加上浮动之后 还要清除浮动： .cl::after{ content: ""; display: block; clear: both; } 二、 ...
分类：
Web程序 时间：
2020-05-09 18:40:18
阅读次数：
83
1 能用HTML和CSS完成的不用JS。 css优先级： !important > 行内样式 > id > 类 > 标签 > 继承 2 块级元素，内联元素和行内块元素： 1 行内元素只能设置水平方向的内外边距，默认显示本身内容的宽度。 2 块级元素默认显示宽度是容器的100%， 3 行内块元素包括i ...
分类：
Web程序 时间：
2020-05-02 22:53:56
阅读次数：
74
清除浮动原因 前端布局用的最多的是float：脱离文档流，浮动起来。浮动的框可以左右移动，直到遇到另一个浮动框或者遇到外边缘的包含框（BCF）。正是因为当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局，会造成父级元素高度坍塌。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当 ...
分类：
其他好文 时间：
2020-05-02 10:02:23
阅读次数：
54
众所周知，浮动模型是一种可视化格式模型。浮动的框可以左右移动（即：float：left;float:right），直到它的外边缘碰到包含框或另一个浮动框的边缘。浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在似的。 .wrapper{ border:5px solid #00 ...
分类：
其他好文 时间：
2020-04-05 20:51:52
阅读次数：
95
1.为什么清除浮动？ 浮动的框可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候，此时就会出现“高度塌陷”。 ...
分类：
Web程序 时间：
2020-03-07 13:29:11
阅读次数：
92
SubtitlesGleamingly ·看美剧学英语的一个复习，默背小工具，效果像音乐软件的透明歌词浮动框一样。 ·操作简洁方便，可自由的移动位置，放大缩小，前进后退 ·可自动记录上一次复习到哪句话，可定时播放下一句 ·内置老友记第一季英/英汉字幕 效果 快捷键： ESC:关闭 Ctrl+C：复制 ...
分类：
其他好文 时间：
2020-02-20 14:58:24
阅读次数：
83
一、列表 1.作用：默认显示方式为从上到下的显示数据 2.列表的组成 列表类型和列表项 3.列表的分类：有序列表 无序列表 自定义列表 无序列表语法为ul>li, 语法：ul代表列表,li代表列表项 有序列表语法为ol>li, 语法：ol代表列表,li代表列表项 自定义列表，用法： <dl> <dt ...
分类：
Web程序 时间：
2019-12-07 01:13:45
阅读次数：
91
