1.div <div> 可定义文档中的分区或节（division/section）。 <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。 div是一个块级元素， ...
分类：
其他好文 时间：
2016-10-10 11:25:13
阅读次数：
231
内联元素 水平居中 1、行内元素居中：设置text-align:center; 2、flex布局：设置display:flex;justify-content:center; 垂直居中 父元素高度是单行文本：设置height=line-height; 父元素确定的是多行文本：a:插入table, 然 ...
分类：
其他好文 时间：
2016-10-07 22:40:12
阅读次数：
116
1.当两个行内元素紧邻时，它们之间的距离为第一个元素的margin-right 加上第二个元素的margin-left 2.而两个块级元素之间的距离不是margin-bottom与margin-top的总和，而是两者中的较大者。这个现象称为margin的“塌陷”现象，意思是说较小的margin塌陷到 ...
分类：
Web程序 时间：
2016-10-07 13:50:54
阅读次数：
226
一、img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。 行内非替换元素，例如, height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和ma ...
分类：
其他好文 时间：
2016-10-06 12:34:21
阅读次数：
168
一、横线<hr>,可设置css宽高以及背景色。 二、竖线：方法1，利用块级元素的border属性，如：div{width:1px;height:100px; border-left:1px #000 solid;}方法2，如果是内联元素，则加上display:inline-block;如：span{ ...
分类：
Web程序 时间：
2016-09-30 15:04:26
阅读次数：
189
标准文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 标准流的微观现象 空白折叠现象 图片也是一样，图片和表单元素可以看成是文字 高矮不齐，底边对齐 自动换行，一行 ...
分类：
Web程序 时间：
2016-09-30 07:42:41
阅读次数：
166
1.行内元素 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 2.块级元素 块级元素分为定宽不定宽两种 定宽块级元素用text-align就不起作用了，此时可以设置margin：0 auto；也就是说要想用margin达到水平居中， ...
分类：
其他好文 时间：
2016-09-29 17:27:15
阅读次数：
107
很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过手记，可是因为板式的原因不 ...
分类：
Web程序 时间：
2016-09-29 02:10:49
阅读次数：
211
1.块级中可以包括一部分块级元素，并可以包含内联元素。内联元素中不包含块级元素，只可以包含内联元素。 2.<p>标签虽然是块级元素，但不可包含其他块级元素。 <p>,<h*1~6>,<dt>这几个块级元素只可包含内联元素。 3.<li>中可以包含<div>. 4.块级与块级并列，内联与内联元素相并列 ...
分类：
其他好文 时间：
2016-09-28 15:32:56
阅读次数：
109
很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过手记，可是因为板式的原因不 ...
分类：
Web程序 时间：
2016-09-28 15:09:54
阅读次数：
145
