sd2131512的专栏

static:默认的属性,按标准流进行布局.  relative:相对定位,使用相对定位的盒子的位置根据常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍然在标准流中,它后面的盒子仍以标准流方式对待它.  absolute:绝对定位,盒子的位置以他包含框为基准进行偏移.绝对定位的框从标准流中脱离.这意味着他们对其后的兄弟盒子定位没

在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：。例如： Some Content此时预览此代码，我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。若将代码修改为： Some Content注意，多了一段清理浮动的代码。这是一种好的CSS代码习惯，

http://www.daqianduan.com/clearfix/

<br />为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希望不会持续太久。多亏Firefox 和Safari/Chrome，我们现在可以使用最少的努力实现强大的渐变。在本文中，我们将展示CSS渐变的简单实现以及该属性在Mozilla和webkit内核浏览器中的不同。<br /> <br />PS：本文原文本来提供了一个视频，但是由于众所周知的原因，我们无法观看这个在Youtube上的视频，想看的同学请自己想办法观看(最

<br />1.在ie6中div(设置了高度)的里面的高度大于外面的高度时会撑开div高度,而标准浏览器则不会<br /> <br />  如果想让标准浏览器也能自动撑开的话，可以把ie中的height看作是标准浏览器的min-height<br /> <br />  css可写成a. height:auto !important;  height:100px;min-height:100px;<br />      或       b.  _ height:100px;min-height:100px; 

这几天无意间发现了一种css的写法，只对IE6起效，对IE8和FF3.5都没有效果，其他浏览器没有试过  很简单，就是在一般属性前加一个下划线，如： div{    width:300px;    background:#f00;     _width:500px;   _background:#000;}  这样IE8和FF3.5使用的

      background:#000;      width:   80%;         min-width:   600px;         meizz:   expression(this.style.width   =   this.offsetParent.clientWidth*0.8>500   ?   "500px"   :   "80%");  

    ]]>  方法一：浮动实现#id1 { background-color: #000; width:100px; float:left; height:200px;} #id2 { background-color: #0f0; height:200px;}   方法二：绝对定位实现#id1 { backg

       您正在使用IE浏览器                版本 5                      版本 5.0                      版本 5.5                      版本 6                      版本 7     

按照常理，对于某一单元行需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做在IE浏览器中显示正常，没有任何问题。但是当用Firefox浏览时却出现了布局错乱的问题，然后通FireBug去看了下源码，调试下了，发现是display:block属性搞的鬼。1、当表格为多列的情况下，属性为"display:block"行的内容宽度仅与第一列宽度相同

听了一个高手的介绍，记录些提到的东西CSS编辑技术: LESS ,  SASSJS编辑技术：coffee script    /  微软  scriptyeomon/grunt:打包压缩js/css/html，可减少体积，并每次生成版本号，保障浏览器缓存require.js  ,    sea.js  动态加载js编辑器sublime + emm