在CSS中,margin和padding是页面布局的主要属性,如何灵活有效使用对于基于DIV+CSS设计网页方法是非常重要的,笔者经常使用且经常误使用,所以根据经验和网上资料整理出切合自己的内容,以备以后使用。一.首先了解CSS盒模型 Box Model通过这个CSS盒模型模型就很容易理解Margi...
分类:
Web程序 时间:
2014-08-14 19:33:49
阅读次数:
238
padding:背景一直铺到边框处margin:重叠 相邻的普通元素(若是浮动的,就会叠加),上下边距并非简单的相加,而是取其中较大的margin值,这种现象叫做margin重叠 ,注意父子div也会发生重叠块状元素与内联元素的区别:内联元素主要是包裹文字用的,文字有多宽,它就有多宽,对其设置w.....
分类:
Web程序 时间:
2014-08-14 13:59:38
阅读次数:
256
xml控件配置属性android:background="@drawable/shape"标签corners ----------圆角gradient ----------渐变padding ----------内容离边界距离size ------------大小 solid ----------....
分类:
移动开发 时间:
2014-08-13 21:47:27
阅读次数:
273
首先,align现在已经不使用,所以别想了,麻烦text-align定义的是块级元素中的文本相对于父级块元素水平位置的定义,left center right对行内元素而言这个属性值是无效的。PS:虽然说在行内元素中包含块级元素没有什么提示性bug,但是在该行内标签后再写一个行内标签的时候又是重.....
分类:
其他好文 时间:
2014-08-13 18:36:06
阅读次数:
176
首行缩进:在块元素如()设置首行缩进两个字符,则其子元素的块级元素如、、等会自动缩进两个字符,但通用段落标签默认会换行多出一行空间(默认下外边距为1em),如要少去空行可设置其标签下外边距为0()或外边距为0(该设置可在DW会实时显示)。用换行符加一个行内元素如()设置左外边距为2个字符。用)+4个...
分类:
Web程序 时间:
2014-08-13 17:40:48
阅读次数:
195
重构工程师们在设计代码时,有喜欢手动删除行内元素之间产生的额外空隙,并通过设置margin或padding来获取想要间距吗?如代码:去掉了间距去掉了间距去掉了间距去掉了间距去掉了间距去掉了间距然而删除间距后,代码堆成了一片,看得起很不舒服,特别是从重构转给JS同事后,JS同事看完代码后就会提出抱怨,...
分类:
其他好文 时间:
2014-08-13 12:55:56
阅读次数:
240
css3新增的background-clip属性主要是对背景图片进行裁切的作用:background-clip:border-box || padding-box || context-box分别对边框,内边距,内容区域进行裁切,把多余的部分给裁切掉,有兼容性问题.拿w3cplus的文章代码过来:/...
分类:
Web程序 时间:
2014-08-13 12:53:46
阅读次数:
203
原文:彻底理解浮动float CSS浮动详解 清除浮动的方法我们把网页的常用的布局格式分为以下三种:
1.标准流。
所谓的标准流就是,行内元素自己单独一行,而块级元素是上下显示的。
以前我们学习的都是标准流。
注意:标准流使我们网页布局中最稳定的一种结构 2.浮动流 使我们学习的脱离标准流的第一种方...
分类:
Web程序 时间:
2014-08-13 10:19:16
阅读次数:
256
1 与元素尺寸相关的属性clientWidth:获取元素可视部分得宽度,width+paddingclientHeight:获取元素可视部分的高度,height+paddingoffsetWidth:元素在页面中占据的宽度总和,width+padding+border(会有浏览器差异)offsetH...
分类:
其他好文 时间:
2014-08-12 21:42:14
阅读次数:
218
由于需求的需要,今天在用jquery修改一个弹出框的样式的时候,由于有一个按钮有padding-left:12px;导致内间距空出来的这一块颜色用普通的方式无法改变。 普通的jquery修改css的方法:$("#idName").css("backgroundColor","red");但是这...
分类:
Web程序 时间:
2014-08-12 21:34:14
阅读次数:
219