2011年9月23日
摘要: 定位一、position static:静态定位,这种定位方式可以不写,是系统默认的定位方式。 relative:相对定位。相对原有位置的定位方式。 absolute:绝对定位。盒子的位置以它所在的已定为基准进行偏移。 fixed:固定定位。相对于浏览器窗口的定位方式。二、相对定位(relative)1、使用相对定位的盒子,会相对它原来的位置偏移制定的距离2、使用相对应的盒子,仍然在标准流中,它的偏移对附近的盒子没有任何影响三、绝对定位(absolute)1、使用绝对定位的盒子,是相对于它所处的容器(已经定位的盒子)来说的。2、使用绝对定位的DIV,会彻底脱离标准流,其它的盒子认为这个盒子不存 阅读全文
posted @ 2011-09-23 13:59 809800327 阅读(105) 评论(0) 推荐(0)
摘要: DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程1、CSS边框虚线 - TOP这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思。一、四边为虚线边框border:1px dashed #000; 黑色虚线边框实例:CSS代码: .divcss5{border:1px dashed #000; height:50px;width:350px}Html代码: <div class="divcss5">我的四边为黑色虚线边框</div&g 阅读全文
posted @ 2011-09-23 13:56 809800327 阅读(340) 评论(0) 推荐(0)
摘要: CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是 阅读全文
posted @ 2011-09-23 13:54 809800327 阅读(104) 评论(0) 推荐(0)
摘要: CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是 阅读全文
posted @ 2011-09-23 12:56 809800327 阅读(209) 评论(0) 推荐(0)