CSS Reset：重新设置HTML标签的默认样式。 (1)重设了盒子模型的计算方法 * { box-sizing: border-box; } (2)重设了所有元素的默认字体 14px/1.42857143 "Helvetica Neue" (3)body { margin: 0;...
分类：
Web程序 时间：
2015-12-04 22:47:49
阅读次数：
502
1、CSS包含：标准文档流，浮动，绝对定位 标准文档流的特点：从上到下，从左到右，输出文档内容 盒子模型：块级元素（div ui li dl dt p）与行级元素（span strong img input） 盒子模型：边框（border）外边框（margin）内边框（padding）内容（con....
分类：
Web程序 时间：
2015-12-03 23:22:01
阅读次数：
345
css3转换1.元素偏移 tranlate通过translate（）的方法元素从当前位置移动到给定的left（x坐标）和top（y坐标）位置参数代码如下：div{transform：translate（50px，100px）；-ms-transform：translate（50px，100px）； ...
分类：
Web程序 时间：
2015-12-01 21:17:59
阅读次数：
238
装饰器：1、装饰器是一个函数，至少两层函数。2、例如@auth：执行auth啊函数，被装饰的函数作为参数auth(foo)auth函数的返回值，赋值给被装饰的函数的函数名。3、动态参数，可以装饰含有n个参数的函数。4、函数返回值5、多装饰器->盒子模型6、三层，三层的如何使用。比原来..
分类：
编程语言 时间：
2015-11-29 07:02:16
阅读次数：
166
今天做项目的时候发现一个css3的新属性flex一、什么是flex它的作用是能够按照设置好的规则来排列容器内的项目，而不必去计算每一个项目的宽度和边距。甚至是在容器的大小发生改变的时候，都可以重新计算，以至于更符合预期的排版。不仅解放了计算器，而且更加优美的服务于响应式设计。在使用了flex属性之后...
分类：
Web程序 时间：
2015-11-24 12:18:58
阅读次数：
555
盒子模型1.盒子模型的组成：margin border padding content；2.border: 在属性值的设置中，如果给出2个属性值，前者表示上下边框的属性，后者表示左右边框的属性；如果给出3个属性值，前者表示上边框，中间表示左右边框，后者表示下边框；如果给出4个属性值，按照上，右，下....
分类：
其他好文 时间：
2015-11-22 09:56:32
阅读次数：
113
今天继续接着CSS盒子模型补充，CSS基础学习十三：盒子模型和CSS基础学习十四：盒子模型补充之display属
性设置都是介绍了盒子模型中的内容概括。开始今天的主题：外边距合并。
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合
并的外边距的高度中的较大者。
(1)外边距合并
外边距合并叠加是一...
分类：
Web程序 时间：
2015-11-21 16:00:56
阅读次数：
211
一CSS盒子模型概述
CSS盒子模型规定了元素框处理元素内容、内边距、边框和外边距的方式。一个完整元素包括内容(content)，内
边距(填充)(padding)，边框(border)和外边距(空白)(margin)。
盒子模型图：
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框...
分类：
Web程序 时间：
2015-11-20 07:02:42
阅读次数：
155
为什么会出现margin-top无效？原因：根据W3C盒子模型的规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。解决该问题的办法：1.在父元素加上有意义的border数值（0，none无效）2....
分类：
其他好文 时间：
2015-11-10 12:16:14
阅读次数：
154
