BFC(块级格式化上下文) BFC(Block formatting context) 直译为"块级格式化上下文"。 元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其他显示模式。 那些元素会具有BFC的条件 不是所有的元素模式 ...
分类：
Web程序 时间：
2019-10-21 17:43:53
阅读次数：
122
CSS的定位机制 1.普通流（标准流） 默认状态，元素自动从左往右，从上往下排列 块元素的特征： 独占一行 可以设置宽高 如果不设置宽度，宽度默认为容器的100% 常见的块元素：div p h1-h6 ul ol li dl dt d 行内元素的特征： 与其他元素同行显示 不可以设置宽和高 宽和高就 ...
分类：
Web程序 时间：
2019-10-18 12:47:10
阅读次数：
153
块级元素(block level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 块级元素的特点： （1）总是从新行开始 （2）高度，行高、外边距以及内边距都可以控制。 （3）宽度默认是容器的100% （4）可以容纳内联元素和其 ...
分类：
其他好文 时间：
2019-10-16 21:33:53
阅读次数：
73
未知子元素宽高 出处 ：https://www.cnblogs.com/Youngly/p/6796922.html ...
分类：
其他好文 时间：
2019-10-14 14:45:47
阅读次数：
80
css - 垂直对齐 非原生行内块 为了方便叙述，我们把转换为行内块的元素称为非原生行内块元素 单行/多行元素 在学习垂直对齐前，需要先把在一行上显示的元素分出两个概念，一个是单行元素，另一个是多行元素。单行元素有：input、button、span、a等，多行元素有：非原生的行内块、textare ...
分类：
Web程序 时间：
2019-10-03 16:20:34
阅读次数：
165
https://javachen.github.io/ 概述特点语法编辑器浏览器插件实现版本参考资料概述Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）和亚伦·斯沃茨（Aaron Swartz）。它允许人们“使用易读易写的纯文本格式编写文档，然后转换成有效的XH... ...
分类：
其他好文 时间：
2019-10-02 23:12:40
阅读次数：
129
一、问题产生 由于html代码格式化后，标签会缩进或者换行。由于浏览器默认处理导致元素在页面显示中出现单个空格问题，尤其在行内或者行内块元素布局时影响比较明显 例如： 代码 页面显示 二、解决方案 这种问题出现让人很头疼，寻访答案却都差强人意：不是兼容性问题就是需要对布局进行特殊处理，总之都不是很完 ...
分类：
其他好文 时间：
2019-09-30 23:34:51
阅读次数：
215
伪元素不能跟着hover，要这样用 .box:hover::before position: absolute 自动把元素转换为块元素。 例子： html .box { width: 500px; height: 30px; position: relative; border: 1px solid ...
分类：
其他好文 时间：
2019-09-27 21:15:16
阅读次数：
70
普通流（标准流）：默认状态，元素自动从左往右，从上往下的排列。 块元素 行内元素 CSS Float（浮动）的基础知识 1.会使元素向左或向右移动，只能左右，不能上下。 2.浮动元素碰到包含框或另一个浮动框，浮动停止。 3.浮动元素之后的元素将围绕它，之前的不受影响。 4.浮动元素会脱离标准流。 没 ...
分类：
其他好文 时间：
2019-09-27 18:53:40
阅读次数：
119
html平时常见的块元素有：div, p, h1, h2, h3等，内联元素有：span, a, img等。 块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。 内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。 div块元素仅仅只用于进行页面布局，它自身不带 ...
分类：
Web程序 时间：
2019-09-26 23:41:54
阅读次数：
110
