IE的问题:一.双边距问题浮动元素的外边距会加倍,但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法:在此浮动元素增加样式display:inline;二.图片产生的间隙父元素直接包含,这个图片下方会和父元素边缘产生间隙。解绝方法:1.在源代码中让和在同一行,因为那个间隙是由换行符产生的。...
分类:
Web程序 时间:
2014-12-07 00:00:31
阅读次数:
362
DIV CSS固定宽度居中布局实例在布局一个网页时,非常重要的是一般网页主体布局都是水平居中的,其实就是对最外的DIV层设置居中布局,这时布局居中就是我们这里要介绍关键点。DIV布局水平居中,关键使用CSS单词为margin:0 auto。解释:DIV对象外边距左右为自动适应距离(根据对象设置宽度样...
分类:
Web程序 时间:
2014-12-06 12:43:17
阅读次数:
197
[p=22, null, left]概要:本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性(偏移属性)和Margin属性(外边距)对定位块级元素进行布局的方法。[p=22, null, left]说明:占...
分类:
其他好文 时间:
2014-12-03 14:11:19
阅读次数:
220
这篇会很短。 那么如上图所示,margin指的是外边距,padding指的是内边距,border自有其像素宽度,element在1335乘以392的地方。 margin和padding一样总共有四个,上右下左——top right bottom left。你可以选择margin-top这...
分类:
其他好文 时间:
2014-11-24 22:07:40
阅读次数:
236
导航条菜单,即左图所示。下面,将一一展开如何制作。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
demo #parent { background: red; width: 200px; height: 200px;}#child { background: green; width: 50px; height: 50px; ...
分类:
Web程序 时间:
2014-11-23 21:36:28
阅读次数:
216
clientTop //元素自身的边框宽度clientLeftclientWidth //元素自身的宽度,包含内边距但 不包含外边距和边框clientHeightoffsetTop //距离浏览器的顶部的高度,不包括工具栏等,但包含浏览器的默认内边距和元素的外边距(列如chorome的默认内边距是8...
分类:
其他好文 时间:
2014-11-18 23:41:47
阅读次数:
197
1.距离单位之px---像素2.距离单位之dp---设备无关像素3.距离单位之sp4.控件的外边距与内边距dpi(dots per inch) 每英寸显示像素个数dp = dip (device Independent pixels)设备无关像素px = dp*(dpi/160)在dpi为160的屏...
分类:
移动开发 时间:
2014-11-18 00:03:51
阅读次数:
249