1. CSS1.1. 行内元素、块级元素1.1.1. 元素的类型CSS中将元素分为行内元素和块级元素，他们都各自有各自的特点和行为习惯。div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”，也称为块级元素。在布局页面时，块级元素独占一行。与之相反，span 和 s ...
分类：
Web程序 时间：
2018-08-12 12:11:55
阅读次数：
182
外边距属性： 设置元素与元素之间的距离（外边距），4个方向（上右下左）。 margin：长度值|百分比|auto margin-top margin-right margin-bottom margin-left 说明：值可为负值。 默认情况下，相应HTML块级元素存在外边距 body、h1~h6、 ...
分类：
其他好文 时间：
2018-08-11 01:27:55
阅读次数：
680
display属性： inline 元素将显示为内联元素，元素前后没有换行符。 block 元素将显示为块级元素，元素前后会带有换行符。 例子： div{display:inline;} span{display:block;} inline-block 行内块元素，元素呈现为inline，具有bl ...
分类：
其他好文 时间：
2018-08-11 01:19:12
阅读次数：
112
作者： CHRIS COYIER 我最近已经在推特上看到多次这种情况，之后在Dabblet做了一个有趣的测试，因此我认为它对于文档来说是一项重要的事情。 这是协议：按照你通常安排HTML局部的多个行内-块级（inline-block）元素会在它们之间会存在空白区域。 换句话说： <nav> <a h ...
分类：
其他好文 时间：
2018-08-10 13:10:27
阅读次数：
138
伸缩布局 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便。CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。 a) dis ...
分类：
其他好文 时间：
2018-08-07 00:32:51
阅读次数：
196
水平居中 行内或类行内元素（比如文本和链接） 在块级父容器中让行内元素居中，只需使用 text-align: center; 这种方法可以让 styple="display:inline/inline-block/inline-table/inline/flex ”等类型的元素实现居中。 块级元素 ...
分类：
Web程序 时间：
2018-08-06 15:20:33
阅读次数：
178
百度 1.块级元素和行内元素的区别和举例2.HTML5的新特性3.清除浮动的方法4.BFC清除浮动的原理5.盒子模型6.标准模式和兼容模式7.闭包的定义8.原型链和作用域链9.作用域链和闭包的区别10.Object的原型对象是什么11.怎么判断一个属性是对象上的属性还是其原型对象上的属性12.判断一 ...
分类：
其他好文 时间：
2018-08-04 23:22:59
阅读次数：
248
关于行内元素（补充一点） 行内元素只能容纳文本或其他行内元素。（a特殊a里面可以放块级元素） 例子： 关于行高tip: 选择器的嵌套层级不应大于3级，位置靠后的限定条件应尽可能的精确。 属性定义必须另起一行。 关于行高的测量： css的三大特性（层叠 优先 继承） a、层叠性：多种css样式的叠加 ...
分类：
Web程序 时间：
2018-08-04 17:24:55
阅读次数：
167
cp from : https://www.jianshu.com/p/617e78a27c88 ** 前言： ** CSS 中的 display:inline-block 是笔者最为喜欢的元素之一，可以将原本占据一行的块级元素，转变为可以并列显示的行内块级元素。 display:inline-bl ...
分类：
Web程序 时间：
2018-08-03 18:11:27
阅读次数：
188
JavaScript js如何实现继承 CSS 行内元素和块状元素的区别 CSS让2个DIV在同一行显示的解决方法 在CSS中，div属于块级元素，每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。所以 ...
分类：
其他好文 时间：
2018-07-31 19:32:45
阅读次数：
113
