—什么是auto? +auto是自适应的意思,auto是很多尺寸值的默认值,也就是由浏览器自动计算。 +块级元素中margin、border、padding以及content宽度之和构成父元素width。 使用auto属性后,父元素宽度发生变化,该元素的宽度也会随之变化。 下图中 auto 的值就是 ...
分类:
Web程序 时间:
2016-05-09 01:41:19
阅读次数:
153
概述 对于块级元素,CSS属性line-height指定了元素内部line-boxes的最小高度。 对于非替代行内元素,line-height用于计算line box的高度。 对于替代行内元素,如button 或其他input元素,line-height没有影响 取值 normal 取决于用户代理。 ...
分类:
其他好文 时间:
2016-05-07 23:53:09
阅读次数:
494
目录 一、概述 二、块级元素和内联元素 常见的块级元素 BFC 常见的行内元素 IFC 三、哪些情况会脱离普通流 浮动 绝对定位 固定定位 display:none 四、总结 五、参考资料 常见的块级元素 BFC 常见的行内元素 IFC 浮动 绝对定位 固定定位 display:none 一、概述 ...
分类:
其他好文 时间:
2016-05-06 08:10:01
阅读次数:
613
HTML标记的使用HTML标记的使用 div和span标记 块元素和行内元素HTML字符实体项目符号标记(无序列表):块级元素编号列表(有序列表 div和span标记 这两个标记,如果单独使用,没有任何效果,一般要结合CSS来使用。这两个标记虽然没有任何意义,但是在DIV+CSS中又是用的最多的相当... ...
分类:
Web程序 时间:
2016-05-06 00:39:37
阅读次数:
166
浅谈个人对BFC的理解以及一下应用。
BFC(Block Formatting Context)BFC定义:
BFC(Block formatting context)直译为”块级格式化上下文”。它是一个独立的渲染区域, 它规定了内部的块级元素如何布局,并且内部子孙元素布局与外部元素布局互不影响。...
分类:
其他好文 时间:
2016-05-03 18:24:29
阅读次数:
182
1.块级元素与行元素区别 块级元素: 块级元素总是出现在一行,它排斥其他元素跟他同站一行; 块级元素的行高以及内外边距都可以直接控制; 它可以容纳内联元素和其他元素; 行元素: 能和其他元素同处一行; 高度和外边距不能直接设置(可以通过display:inline-block/block来设置); ...
分类:
Web程序 时间:
2016-05-02 19:53:28
阅读次数:
164
浏览器对于BFC这块区域的约束规则如下: 生成BFC元素的子元素会一个接一个的放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻子元素之间的垂直距离取决于元素的margin特性。在BFC中相邻的块级元素外边距会折叠。 生成BFC元素的子元素中,每一个子元素做外边距与包含块的左边界相接触,(对于从 ...
分类:
其他好文 时间:
2016-05-01 16:16:41
阅读次数:
153
1、html中的块级标签 显示为“块”状,浏览器会在其前后显示折行。常用的块级元素包括: <p>, <ul>,<table>,<h1~h6>等。 2、html中的行级标签(内联元素) 按行逐一显示,前后不会自动换行; 文本格式化元素: <b>, <td>, <a>, <img> ...
分类:
Web程序 时间:
2016-04-30 11:18:36
阅读次数:
174
HTML标记的使用HTML标记的使用 div和span标记 块元素和行内元素HTML字符实体项目符号标记(无序列表):块级元素编号列表(有序列表 div和span标记 这两个标记,如果单独使用,没有任何效果,一般要结合CSS来使用。这两个标记虽然没有任何意义,但是在DIV+CSS中又是用的最多的相当... ...
分类:
Web程序 时间:
2016-04-29 23:38:01
阅读次数:
211
1.块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr/>
2.,默认是几个都可以在同一行上显示。比如是<a>、<span>等。不同..
分类:
Web程序 时间:
2016-04-27 07:06:49
阅读次数:
158