css
xingda1989
这个作者很懒,什么都没留下…
展开
-
关于相对定位,绝对定位小记
对相对定位,绝对定位一直以来有点小小的偏差,总结一下 相对定位: 相对于元素原来位置进行定位,使用top,left属性之后他在原来位置上进行移动,原来元素的位置还是保留着,其他元素也只能看到他原来的位置。 [code="HTML"] ss sss [/code] [img]http://dl.iteye.com/upload/attachment/55...原创 2011-09-09 17:12:39 · 78 阅读 · 0 评论 -
关于float和inline-block
inline-block属性还是非常有用的,但是在IE6 7下还是有那么点问题,现总结一下 在IE6 7下实际上对行内元素起作用但对块级元素就失去了它的作用,上代码 [code="html"]div1 div2[/code] IE6 7未起到效果 [img]http://dl.iteye.com/upload/attachment/553209/61248181-6e92-3aa3-91...原创 2011-09-13 11:06:54 · 93 阅读 · 0 评论 -
样式优先级理解(转)
转自:http://topic.csdn.net/u/20100130/01/db48b639-909d-4f7d-996c-a5adad5a4276.html 浏览器缺省 < 外部样式表 < 内部样式表 < 内联样式... 其中样式表又有... 类选择器 < 类派生选择器 < ID选择器 < ID派生选择器 派生选择器以前叫上下文选择器,所以完整的层叠优先级是... ...原创 2011-07-13 13:51:52 · 46 阅读 · 0 评论 -
垂直居中 小记
[code="java"] /* top:50% margin-top:-35px */ .wrap{ height: 200px; width: 200px; border: 4px solid #BBBBBB; position: relative; } .inner{ position:absol...原创 2011-10-12 10:06:19 · 77 阅读 · 0 评论 -
块级(block)元素和行内(inline)元素的区别(转)
转自:http://www.cnblogs.com/stormtea/articles/1958620.html 对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。block和inline是display的常用属性。 block 此元素将显示为块级元素,此元素前后会带有换行符。inline是display默认属性,此元素...原创 2011-07-24 14:41:59 · 106 阅读 · 0 评论 -
inline-block完全兼容实现
[code="HTML"] { display:inline-block; *display:inline; *zoom:1; } [/code] display:inline-block; IE6 IE7 都不支持 *+css 仅IE7支持 *css IE6 IE7不认识原创 2011-07-25 14:38:27 · 65 阅读 · 0 评论 -
margin bug (1)
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>垂直外边距合并</title> <style> .top{width:160px; height:50px; background:#ccf;} .middle{width:160px; background...原创 2012-01-06 15:02:12 · 59 阅读 · 0 评论 -
margin bug (2) IE6双边距bug
发生情况:当给父元素的第一个浮动元素设置margin-left或者margin-right时,元素相应float left或right,这是margin会加倍 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ...原创 2012-01-06 15:21:22 · 85 阅读 · 0 评论 -
IE6 3px bug
出现场景: 两个元素一个浮动一个不浮动,非浮动元素在浮动元素后面,并且非浮动元素设置了宽度(应该是触发了haslayout),如此这般IE6下两个元素会出现3px间隔 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">...原创 2012-01-06 17:19:32 · 86 阅读 · 0 评论