在进行简单的div盒子嵌套时,发现设置margin-top时存在bug,然后就去谷歌搜索了一下,发现margin确实存在bug. bug的现象是父子元素嵌套时,如果子元素是块元素时,对块元素设置margin-top ,如果父元素没有边框,那么margin-top会作用在父元素上.marg... ...
分类：
其他好文 时间：
2016-06-20 14:07:55
阅读次数：
120
先来介绍一下元素：块元素和行元素 块级元素：div，p,form,ul,li,ol,dl,address,fieldset,hr,menu,table. 行内元素：span,strong,em,img,input,label,select,textarea,cite. 区别： 1）块级元素会独占一行 ...
分类：
其他好文 时间：
2016-06-19 21:22:21
阅读次数：
186
概述 -webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display: -webkit-bo ...
分类：
Web程序 时间：
2016-06-18 10:13:23
阅读次数：
300
一直以为P标签只是个自带上下外边距的块元素，最近在项目里利用其自带外边距就嵌套了个div包裹的按钮兰到里面。在测试时发现这个P标签被解析成了2套P标签，工具栏被插在2组P标签中间属于同级了。 后经过查询发现，原来P元素是不能包含块级元素（包括P自身）的.The P element represent ...
分类：
其他好文 时间：
2016-06-17 09:40:56
阅读次数：
249
1.margin:auto ;让元素居中,需要确定元素的宽度,并且需要是块元素 eg: div { width:200px; height:200px; background:#222; margin:0 auto; } 2. div > p 两者都是块元素 div { width:200px; h ...
分类：
其他好文 时间：
2016-06-14 15:47:38
阅读次数：
208
1.pre标签（predefined）- 预格式化文本 作用就是代码用了什么格式, 网页显示出来就是什么格式, 如图: 2.center标签 <center>居中内容</center> 3.<div>和span区别块元素和行内元素(后面会详解) div: division,块元素，双标签。 span ...
分类：
其他好文 时间：
2016-06-13 01:09:13
阅读次数：
127
none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下 ...
分类：
Web程序 时间：
2016-06-11 11:51:27
阅读次数：
170
任务目标 实践HTML/CSS布局方式 深入了解position等CSS属性 任务描述 实现如 示例图（点击打开） 的效果 灰色元素水平垂直居中，有两个四分之一圆位于其左上角和右下角。 任务注意事项 思考不同情况下（如灰色高度是根据内容动态变化的）水平垂直居中的解决方案。 动手试一试各种情况的组合， ...
分类：
其他好文 时间：
2016-06-09 13:22:44
阅读次数：
296
一、元素分类 在右边的代码编辑器中大家可以看到我们为 a 元素设置了宽和高，但都没有起到作用，原因是a在默认的时候是内联元素，内联元素是不可以设置宽和高的。 变为内联块元素即可。 二、盒子模型 外边框叫border。border margin padding都有四个方向。 三、盒子模型解析 3.1 ...
分类：
Web程序 时间：
2016-06-06 18:44:35
阅读次数：
146
bootstrap分页在ul中添加pagination可显示如下效果： bootstrap翻页在ul中添加pager类可显示如下效果； 结合分页与翻页可显示如下效果： 因此，需要3个块元素xian显示在同一列，解决办法： 为第一个和最后一个ul设置float分别为left和right 代码如下： c ...
分类：
其他好文 时间：
2016-06-02 11:29:33
阅读次数：
206
