ilMilk.com

在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。
原因是这类网页起源于一个叫WAP的无线协议。
WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。
而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览器，或是第三方浏览器大多是WebKit引擎。
也因此没人再用WML组织WAP站点了，一般都是用HTML+CSS的方式。
在设计小屏幕移动设备网页时，你可能先得了解这么一些前提：

• 手机屏幕分辨率乱得一塌糊涂，什么分辨率都有！
• 我们的手机上网费用贼贵贼贵！
• UC浏览器拥有了贼大的市场占有率！  阅读全文

position:absolute定位在IE6下存在left和bottom的定位错误问题:

<!–IE6下的left定位错误–>
<div style=”position:relative;border:1px solid orange;text-align:center;”>
     <a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>

<!–IE6下的left定位错误–>
<hr />
<div style=”position:relative;border:1px solid orange;text-align:right;”>
     <a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>

上面这段代码在IE6中定位错误。解决办法有两种：1、给父层设置zoom:1触发layout。 2、给父层设置宽度（width）。 阅读全文

先说下什么是960框架…

960CSS框架是一个非常流行的CSS框架，它是国外最成熟的CSS框架之一，而且结构清晰，代码简洁，容易上手。

960的基本原理是网格技术，而且960是CSS 网格技术的最完美实现。

网格技术是最近两年才出现的一种网页布局方法，它的原理是将页面平均分割成N列，然后通过组合相应数量的列来完成对页面的布局。

960的方法是，将页面平均分成12列或16列，然后列与列之间是完全独立的，每一列的margin和padding都是相同的，这样，每列之间就不会出现那些常见的bug。

BluePrint和YUI也有网格技术，但是它们的列与列之间的空白，是通过单边的margin来实现的，这样就需要在第一列或最后一列添加额外的样式。 阅读全文

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}

在不想换行的标记上加入样式nowrap，在需要强制换行的地方加入样式break，这样就实现了强制换行与不换行了。

mark~加深印象！顺便测试下更换IP后，文章多长时间能被搜索引擎收录~

在做大型的项目的时候，前期，一定要做好规划，，有条有理的进行之中。。。CSS文件也是这样，一般在做这种项目的时候，网站都会有一个专门放置CSS的文件夹。。

在当前浏览器普遍支持的前提下，css被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。

(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂，增删改都很方便——可这种日子早已远去。(现在)建立新网站时，必须花点时间好好筹划怎么组织和架构css。 阅读全文