# 1、text-align:justify，作用是什么呢？它與 text-align:left; 一模一樣呀？ 樓主：這兩個是有明鮮區別的。justify只不是兼容IE。這個跟自動斷行有關系。如果你的左對齊，你給個標簽定個寬然后面里放些文本（中文標點，或英文）你仔細觀看標簽右邊的文字，就會發現兩端對齊視覺上會盡可能的對齊。一段文章可能同時有漢字數字或字母等，字母數字只算一個字符來算，這樣一來到換行時了現了單數，恰好也是一個漢字，所以顯示不了，會出現未到固定寬換行效果。導致了對不齊的效果。如果是兩端對齊則會自動往兩端靠盡量對齊再換行。英文語句就不用說了！ *(好東西，可以用在新聞內容的頁面上去，這樣看起來會更好看一些)* > http://bbs.blueidea.com/thread-3005785-1-1.html w3school:http://www.w3school.com.cn/cssref/pr_text_text-align.asp 另引審 text-justify：inter-ideograph 詳見:http://www.cnblogs.com/radom/archive/2010/09/03/1817041.html # 2、避免設置line box元素的display為block或者inline-block！ 有時候a或者span可以設置padding，使得它變成一個白色底的小正方形！從而避免了... # 3、下面列表怎么設計？  代碼：`<li><span>·</span><a href="">失眠最好的治療方法<i class="gt fr">&gt;&gt;</i></a></li>` * * * * * 小結： 有時候不去設置li的list-style-image或者list-type-style的樣式！ 還有的時候>>這個的中文顯示和英文顯示，也是不同的！利用這些特點，可以進行和效果圖一樣的設計，避免了使用太多的圖片！ ###4、google chrome瀏覽器最小字體大小12px；默認都是16px ###5、CSS解析引擎 CSS解析引擎是從右到左開始解析的，我們要做的就是減少CSS 引擎的解析時間，所以避免一些低效的CSS 選擇器去匹配大量元素能夠減少頁面加載的時間 ###6、 設置absolute會使得inline元素被“塊”化，這在上一節將display時已經說過； 設置absolute會使得元素已有的float失效。不過float和absolute同時使用的情況不多。 ###7、靜態資源文件-時間戳 `<script src="http://www.iteye.com/javascripts/application.js?1235486423" type="text/javascript"></script>` 用戶的瀏覽器會在本地緩存你網站的CSS文件，如果你的網站更新了網頁結構和CSS，瀏覽器只知道更新動態頁面，卻根本不知道要去重新加載CSS，結果你的用戶就會看到頁面布局一塌糊涂，就會罵街。是不是很悲慘？ rails給CSS添加時間戳，瀏覽器就可以知道緩存在本地的CSS究竟又沒有過期，如果過期，那么重新加載一遍吧，這樣就避免了這個討厭的問題啦。 ###8、white-space（處理元素中空白符） 順便解釋一下white-space的用法 white-space屬性聲明建立布局過程中如何處理元素中空白符。（廢話一句，這里的空白符應該指我們用鍵盤敲入的空格或回車，因為用 或<br>無論white-space設置什么都會有空格或回車。） 下面是wschool上white-space可能的值： * normal 默認。空白會被瀏覽器忽略。 * pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 `<pre>` 標簽。 * nowrap 文本不會換行，文本會在在同一行上繼續，直到遇到 `<br>` 標簽為止。 * pre-wrap 保留空白符序列，但是正常地進行換行。 * pre-line 合并空白符序列，但是保留換行符。 * inherit 規定應該從父元素繼承 `white-space` 屬性的值。 ###9、CSS限制字數并以點的形式顯示。 ~~~ <p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ 省略我吧！ </p> ~~~ ###10、ID與class避免使用下劃線“_”命名可以使用駝峰法和“－”號去代替，避免出現問題，如果在頁面中的ID命名中使用了“_”，就免不了在CSS樣式里出現下劃線“_”了。