目录 水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex ...
分类：
Web程序 时间：
2020-07-05 23:12:37
阅读次数：
99
CSS 中文开发手册 行高 | line-height (Animations & Transitions) - CSS 中文开发手册 line-heightCSS属性设置用于行所需要的空间，如文本。在块级元素上，它指定元素中行框的最小高度.。对于未替换的内联元素，它指定用于计算行框高度的高度。 /... ...
分类：
Web程序 时间：
2020-07-04 01:36:23
阅读次数：
79
行内元素 <img/>、<strong></strong>、<em></em>、<hr/>、<br/> <a></a>、<span></span>、<input>、<select></select> 块级元素 <h1></h1> ~ <h6></h6>、<p></p>、列表、表格{div 、ul o ...
分类：
其他好文 时间：
2020-07-01 23:42:19
阅读次数：
56
CSS 中文开发手册 方向 | direction (Writing Modes) - CSS 中文开发手册 directionCSS属性设置文本，表格列和水平溢出的方向。使用rtl表示从右到左（如希伯来语或阿拉伯语）写的语言，以及ltr表示从左到右写的语言（如英语和大多数其他语言）。请注意，文本方... ...
分类：
Web程序 时间：
2020-06-30 22:50:37
阅读次数：
89
###HTML html元素嵌套问题: 元素嵌套：块元素可以包含内联元素或某些块元素，但内联元素却不能包含块级元素，只能包含其他的内联元素。 P元素嵌套问题 ： <p> <div></div> </p> 实际结果： 通过查询，发现原来p元素内无法包裹块级元素。因为我们使用的DTD规定了块级元素是不能 ...
分类：
其他好文 时间：
2020-06-30 19:04:35
阅读次数：
51
元素有行内元素(inline)、块级元素(block)以及行内块元素(inline-block)之分，对应地它们之间的盒模型也会有不同。 1. 行内元素(inline) 通过display: inline可将元素声明为行内元素，顾名思义指在行里面的元素，因此没有换行的行为。 1.1 宽度和高度 行内 ...
分类：
Web程序 时间：
2020-06-29 21:27:16
阅读次数：
101
CSS 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 一切皆为框 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 s ...
分类：
Web程序 时间：
2020-06-26 12:23:33
阅读次数：
92
markdown基础使用技巧 通过``创建代码形式，不同形式可以叠加（比如：斜体+加粗） 块级元素 通过return/Enter实现切换段落/创建段落 通过shift+return/enter 实现换行或者通过 实现换行。 通过使用1-6个’#‘在行的开头并加上’ ‘创建相应的1-6个级别的标题。 ...
分类：
其他好文 时间：
2020-06-25 15:27:43
阅读次数：
52
display属性 值说明 block 块级元素的默认值，元素会被显示为块级元素，该元素前后会带有换行符 inline 内联元素的默认值。元素会被显示为内联元素，该元素前后没有换行符 inline-block 行内块元素，元素既具有内联元素的特性，也具有块元素的特性 none 设置元素不会被显示 d ...
分类：
其他好文 时间：
2020-06-22 12:56:20
阅读次数：
51
一 渲染引擎 影响解析生成DOM树的时间——标签数量和嵌套层级 影响到狗偶见渲染树的性能——样式匹配方式和布局与绘制的关系 在选择器的右边尽量使用具有唯一性的选择器，而不要使用标签选择器这类容易匹配的选择器 布局和绘制是按先后顺序执行，重新布局一定会进行重新绘制。而重新绘制不一定引起重新布局。 渲染 ...
分类：
Web程序 时间：
2020-06-20 22:09:15
阅读次数：
86
