花生米的小窝

摘要： 作者：WEB标准之路 出处：http://www.aa25.cn/div_css/904.shtml3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。看下面这个左列固定，右列液态的例子，css代码如下： body { margin:0;} #side { float: left; background:#99FF99; height: 300px; width: 120px;} #main { background: #99FFFF; height: 300px;}html代码如下：<div id="side">此 阅读全文

摘要： 1.盒子模型的居中问题：在IE6及以上版本和标准的浏览器当中，当设置一个盒模型的的margin:auto;时，可以让这个盒模型居中。设定一个盒子居中之前，要给盒子设置一个宽度。2.不给盒子模型设定宽度时，盒子模型的宽度随着浏览器窗口的大小改变。3.关于外边距重合的问题：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距，行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。4.块级元素(div)和内联元素(span)：（CSS块级元素、内联元素概念）块级元素：就是一个方块，像段落一样，默认占据一行出现；内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会 阅读全文

摘要： 作者：mengdasheng 出处：http://bbs.jquery.org.cn/read.php?tid-3861.htmlHTML默认样式html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }/*以上列表元素默认状态下一块状显示，未显示的将以内联元素显示，该列表针对HTML4版本，部分元素在XHTML1中将废弃*/ 阅读全文

摘要： 作者：现代简明魔法 出处：http://www.nowamagic.net/librarys/veda/detail/1190CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值一提。但我觉得，这个概念实在太重要了。理解了它，一堆CSS布局的理论都 变得易于理解，并且体会到CSS这套设计的合理性所在。文档流将窗体自上而下分成一行行， 并在每行 阅读全文