相对而言,margin 负值的使用机率在布局中似乎很少,但是我相信一旦你开始掌握就会着迷,接下来我们看看关于margin负值的一些资料:它是一个有效的属性,至少w3c中明确描述如下:”Negative values for margin properties are allowed…”;margin...
分类:
其他好文 时间:
2014-11-24 20:43:08
阅读次数:
214
/** * 使用offsetLeft,需注意margin的使用 * offsetLeft = margin-left + left; * offsetWidth= padding + border + width; * * @author Lonve */function getStyle(ele....
分类:
Web程序 时间:
2014-11-24 17:09:33
阅读次数:
192
3 2 1 css:.select { min-width: 34px; position: relative; margin-top:2px; display: inli...
分类:
Web程序 时间:
2014-11-24 14:59:57
阅读次数:
150
导航条菜单,即左图所示。下面,将一一展开如何制作。1、首先,制作一个垂直的项目菜单,用标签写出基本内容,然后在样式表里面用margin和padding去掉内外边距,用list-style属性去掉原有的项目符号,插入自己喜欢的项目符号,代码如下: 列表和导航条 project1 pr...
分类:
Web程序 时间:
2014-11-24 09:49:07
阅读次数:
194
CSS盒子模型:
早期的网页设计主要是表格,后来主要是div+css
盒子模型:
1.边框:border:
border-top、border-bottom、border-left、border-right
2.内边距:padding:
padding-top、padding-bottom、padding-left、padding-right
3.外边距:margin:...
分类:
Web程序 时间:
2014-11-24 01:14:21
阅读次数:
222
1.默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;}2.水平居中的问题问题:设置text-align: centerie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置1、...
分类:
其他好文 时间:
2014-11-24 00:43:19
阅读次数:
281
左边是火狐显示,右边为IE显示。用overflow:hidden;可使子div消失。
分类:
其他好文 时间:
2014-11-23 21:33:06
阅读次数:
132
知乎链接:http://www.zhihu.com/question/21644198关于BFC的解释:W3CFans http://www.w3cfuns.com/thread-5595727-1-1.html 前端精选温仔:http://www.cnblogs.com/lhb25/p/insid...
分类:
其他好文 时间:
2014-11-23 21:28:09
阅读次数:
184
margin-right其实有效果的,只是在默认即标准流的情况的下显示不出来效果。如果脱离标准流呢?想到这个,就立马在css文件中加了一个:float:right;然后在测试的时候就能看到margin-right的效果了。.style1{ width:400px; height:440px; bac...
分类:
其他好文 时间:
2014-11-23 20:11:01
阅读次数:
208