文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 标准文档流 标准文档流的特性 （1）空白折叠现象： 无论多少个空格、换行、tab，都会折叠为一个空格。 ...
分类：
Web程序 时间：
2020-02-25 00:00:49
阅读次数：
110
block：转换成块状元素 inline：装换成行内元素 none：设置元素不可见 inline-block：想行内元素那样显示，但是其内容像块类型元素一样显示 list-item：想块类型元素一样显示，并添加样式列表标记 table：此元素会作为块级表格来显示 inherit：规定应该从父元素继承 ...
分类：
其他好文 时间：
2020-02-24 17:00:17
阅读次数：
66
在CSS中，根据元素显示模式的不同元素标签被分为了两类:行内元素（inline-level）、块级元素（block-level）。 1，首先介绍什么是行内元素，什么又是块级元素？ 1.1，行内元素就是不会独占一行的元素，例如：span buis strong em ins del等 1.2，块级元素 ...
分类：
Web程序 时间：
2020-02-24 15:06:30
阅读次数：
81
CSS的display显示 1. 行内元素和块级元素关系 块级元素：1、标题标签：h1~h6；2、段落标签：p1~p6；3、div；4、列表；等 行内元素：1、span；2、a；3、img；4、strong；等 二者关系： 行内元素可以包含在块级元素中； 块级元素不可以包含在行内元素中； 因此，导致 ...
分类：
Web程序 时间：
2020-02-24 09:20:58
阅读次数：
88
9，行内元素，块级元素，空元素，行内元素和块级元素有什么区别？ 行内元素有： a b span img input select strong 块级元素有：div ul ol li dl dt dd（百科：dl dt dd 是以组合标签，使用了dt dd，最外层就必须用dl包裹，是一种与table表 ...
分类：
其他好文 时间：
2020-02-23 14:21:36
阅读次数：
58
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 F ...
分类：
其他好文 时间：
2020-02-21 12:47:42
阅读次数：
66
清除浮动方式之伪元素清除法： <style type="text/css"> .top_bar{ height: 200px; border:1px solid red; } .child1{ width:200px; height:200px; background-color: green; f ...
分类：
移动开发 时间：
2020-02-20 09:52:22
阅读次数：
83
css 中display属性决定了一个元素的显示方式，它分别有下面几种显示方式 block 块级显示，可以设置高宽、前后存在换行符 inline-block 行内块级元素显示，可以设置高宽、前后没有换行符 inline 行内元素显示，前后没有换行符，不可以设置高宽，元素高宽由内部元素决定 list- ...
分类：
Web程序 时间：
2020-02-17 12:19:05
阅读次数：
66
水平垂直居中的几种方法 水平居中 1、如果是行内元素，只需在父元素设置 text align: center; 即可。 2、块级元素，只需设置 margin: 0 auto; 即可。 如下元素结构： 3、absolute + magin 定位位置为 left: 50%; 然后 margin left ...
分类：
Web程序 时间：
2020-02-17 00:41:14
阅读次数：
112
伪元素：::before ::after *必须添加content属性，否则后期不可见 content: ""; *默认是行级元素，如果想设置宽高，就必须转换为块级元素 position: absolute; *行内元素，需要转换成块:display:block float:** position: ...
分类：
Web程序 时间：
2020-02-13 14:45:56
阅读次数：
204
