margin 在中文中我们翻译成外边距或者外补白(本文中引用外边距)。他是元素盒模型(box model)的基础属性。一、margin的基本特性margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin,可以用来设...
分类:
其他好文 时间:
2015-08-20 13:01:26
阅读次数:
142
分类:Html/CSS| 转载请注明: 出自海玉的博客本文地址:http://www.hicss.net/do-not-tell-me-you-understand-margin/你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的...
分类:
其他好文 时间:
2015-08-20 12:49:28
阅读次数:
167
这篇文章总结一下块级元素和行内元素的区别,有落下的随时补充。一、块级元素 , , , , 等等都是块级元素。它们都有以下特点:如果不为其设定宽度,会自动占满父容器的宽度。如果不为其设定高度,会自适应它的子元素的高度(前提是没有为其设定浮动或定位)。可以为其设定外边距和内边距。默认情况下会在垂直方向....
分类:
其他好文 时间:
2015-08-16 18:16:44
阅读次数:
104
" target="_blank">http://www.w3.org/1999/xhtml"> 垂直外边距合并h1{ display:inline-block; width:80px;}.active{ border:1px solid green;}.content{ display:n...
分类:
其他好文 时间:
2015-08-12 18:33:59
阅读次数:
233
div是块级元素,它不论大小默认占一行,而且可以设置宽高以及外边距span是行内元素,它占它自身大小的位置,而且不能设置宽高以及边距同时div也可以变为span (display:inline),这样div将变为行内元素span也可以变为div(display:block),这样span将变为块级元...
分类:
其他好文 时间:
2015-08-11 18:31:39
阅读次数:
112
盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15...
分类:
Web程序 时间:
2015-08-11 18:27:56
阅读次数:
117
1、盒子模型: 标准盒模型:在现代浏览器标准模式下使用的盒子模型。 width,height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容分区域的尺寸,但是会增加元素框的总尺寸。假设框的每个边有10px的外边距和5px的内边距,如果希望这个框达到100px宽,就需要将内容...
分类:
其他好文 时间:
2015-08-10 13:33:03
阅读次数:
109
在列容器中,根据不同的列数,子元素可设置类 ui-block-a|b|c|d|e。这些列将依次并排浮动。网格中的列是等宽的(总宽是 100%),无边框、背景、外边距或内边距。例:对于 ui-grid-a 类(两列布局),您必须规定两个子元素 ui-block-a 和 ui-block-b。对于 ui...
分类:
Web程序 时间:
2015-08-09 22:20:16
阅读次数:
188
块元素:block两个相邻的元素外边距,两者之间取最大。浮动(定位机制针对框来说):1、position:absolute,relative,fixed 1)relative:在原来的位置上进行移动 2)absolute:从里面往外走,第一个能定位的位置移动2、float:right,left:.....
分类:
Web程序 时间:
2015-08-08 21:19:45
阅读次数:
134
1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position:属性有哪些取值,它们的行为是什么? 无依赖绝对定位? 6. Display:常见属性值有哪些取值? 7. 对BFC规范的理解? 1. 盒模型 盒模型从内向外包括content,padding,b...
分类:
Web程序 时间:
2015-08-05 12:16:52
阅读次数:
143