BFC(Block formatting context) 直译为"块级格式化上下文"。元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其他显示模式。 <img src="media/dis.png" style="border ...
分类：
其他好文 时间：
2018-04-22 22:07:06
阅读次数：
215
子盒子 边框盒 由border、padding、content组成，是检查器默认显示的尺寸。 背景颜色覆盖默认覆盖边框盒，可通过background-clip属性修改 background-clip：border-box; 覆盖边框盒 background-clip：padding-box; 覆盖填 ...
分类：
Web程序 时间：
2018-04-22 21:48:32
阅读次数：
455
通常情况下，HTML页面可以被认为是二维的，因为文本，图像和其他元素被排列在页面上而不重叠。在这种情况下，只有一个渲染进程，所有元素都知道其他元素所占用的空间。z-index属性可让你在渲染内容时调整对象分层的顺序，相信大部分人都用过position，当父元素设置了position，子元素设置pos ...
分类：
Web程序 时间：
2018-04-20 16:15:40
阅读次数：
225
定义：display:inline-block是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内联元素的增强。 但是display:inline-block存在文字间隙问题 左 右 .container{ width:800px... ...
分类：
其他好文 时间：
2018-04-20 13:21:50
阅读次数：
148
图片必须使用一个块级元素进行包裹，样式如下： 达到如下效果： ...
分类：
其他好文 时间：
2018-04-18 10:26:33
阅读次数：
106
对于前端初学者来说，css浮动部分的知识是一块比较难以理解的部分，下面我将把我学习过程中的心得分享给大家。 导读： 1.css块级元素讲解 2.css中浮动是如何产生的 3.出现浮动后，如何清除浮动（本文将涉及到多种清除浮动的方法） 博客正文： 1.css块级元素讲解 常见的块级元素主要有以下几种： ...
分类：
Web程序 时间：
2018-04-16 14:39:30
阅读次数：
229
line-height 属性设置行间的距离（行高）。 该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。 line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含 ...
分类：
其他好文 时间：
2018-04-13 20:30:03
阅读次数：
598
此时是有效果显示的因为html文档流默认是从上往下，从左往右进行显示的，所以此时是有效果的。那如果此时把#son的块元素的margin-right:20px; 是没有效果的此时是没有效果的，如图所示：如果此时想要margin-right有效果的话，必须让#son这个块元素是在右边显示的，所以可一个#son这个元素往右浮动，float:right;那么此时就会有效果的。效果如图所示：
分类：
其他好文 时间：
2018-04-12 16:16:11
阅读次数：
115
<p> <details> <summary> 示例： 显示结果如下： 使用 <details>：自动定义：”详细信息“ <summary>：自定义命名：详细信息 点击展开： <div>默认为块级元素 <span> 默认为行级元素 （默认可调整，可以强制改变） 特别标记： <p>demo of <s ...
分类：
Web程序 时间：
2018-04-11 15:59:35
阅读次数：
270
在css中让块级元素居中的方法有很多种，我先记录第一种方法，具体步骤如下： （1）给父元素添加绝对定位relative，如果不添加定位，那么块级子元素会在body中垂直居中 （2）给子元素添加相对定位absolute，并且让子元素距离父元素左边和顶部50%的距离，令left:50%;top:50%， ...
分类：
其他好文 时间：
2018-04-10 13:44:58
阅读次数：
309
