码迷,mamicode.com
首页 >  
搜索关键字:margin padding    ( 16354个结果
IE与FF脚本兼容性问题
CSS:(1) 让页面元素居中ff{margin-left:0px;margin-right:0px;width:***}ie上面的设置+text-align:center(2) ff:不支持滤镜ie:支持滤镜(3) ff:支持!importantie支持*,ie6支持_(4) min-width,...
分类:其他好文   时间:2014-06-29 00:15:51    阅读次数:258
9.3 制作下拉菜单(2)
一、对子菜单项(dd)进行设置设置子菜单项的样式分为3步。① 首先对每个子菜单项,也就是dd元素进行常规设置,包括文字颜色、背景色等,代码如下。折叠展开CSS 代码复制内容到剪贴板/*设置菜单项的dd*/#menulidd{ margin:0; padding:0; color:#fff; back...
分类:其他好文   时间:2014-06-28 19:14:46    阅读次数:236
自动居中一列布局
三个技能点: 标准文档流 块级元素 margin 属性一般我们的网页元素会设为头 内容 底部三部分,然后要将三个内容同时居中,我们一般是要在三个标签外层继续加一个wrap包裹标签: ... ... ...需要设置wrap的margin属性#wrap{ margin:0 a...
分类:其他好文   时间:2014-06-21 06:43:20    阅读次数:284
CSS布局中应用BFC的例子
BFC是啥?BFC(Block Formatting Context),“块状格式化上下文”。简单地说,它提供一个独立的布局环境。在同一个BFC中,盒子会一个挨一个地排列,margin边距还会在垂直方向上叠加。float和clear:float也只会在同一个BFC内有效。产生BFC的情况有?W3C标...
分类:Web程序   时间:2014-06-21 00:44:30    阅读次数:345
盒子模型
理解CSS盒子模型什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所...
分类:其他好文   时间:2014-06-20 17:21:44    阅读次数:330
3.4 外边距(margin)
margin指的是元素与元素之间的距离,观察上节的图1,可以看到边框在默认情况下会定位于浏览器窗口的左上角,但是并投有紧贴着浏览器窗口的边框。这是因为body本身也是一个盒子,在默认情况下.body会有一个若干像素的margin,具体数值各个浏览器不尽相同。因此在body中的其他盒子,就不会紧贴着浏...
分类:其他好文   时间:2014-06-20 15:40:43    阅读次数:332
3.6 盒子在标准流中的定位原则
如果要精确地控制盒子的位置,就必须对margin有更深入的了解。padding只存在于一个盒子内部。所以通常它不会涉及与其他盒子之间的关系和相互影响的问题。margin则用于调整不同的盒子之间的位置关系,因此必须要对margin在不同情况下的性质有非常深入的了解。一、实验1——行内元素之间的水平ma...
分类:其他好文   时间:2014-06-20 14:18:08    阅读次数:225
L6.Margin collapse Summary [to be continued]
1、只有块级box可以collapse;2、floated box 的margins不会collapse;3、overflow (而不是visible)不会同它的子元素发生collapse;4、root element不collapse 指什么?5、If A's parent is ‘rl’:If ...
分类:其他好文   时间:2014-06-18 14:39:13    阅读次数:281
分页css样式 class引用
.page_nav{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}.page_nav a{display:inline-block; height:22px; margi...
分类:Web程序   时间:2014-06-18 13:54:39    阅读次数:262
extjs4 textfield width
extjs4.2控制form表单中field等组件的宽度。首先,确保form的layout是‘anchor’的。然后,在代码中配置anchor属性,如下图:initComponent:function(){ this.items=[{ xtype:‘textfield‘, padding:‘10005‘, anchor:‘30%‘, fieldLabel:‘申请书编号‘, name:‘appNum‘ },{ xtype:‘..
分类:Web程序   时间:2014-06-17 17:36:45    阅读次数:293
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!