1、項目符號的問題 — 使用list-style

在CSS里項目符號有disc(實心圓點)、circle(空心圓圈)、square(實心方塊)、decimal(阿拉伯?dāng)?shù)字)、lower-roman(小寫羅馬數(shù)字)、upper-roman(大寫羅馬數(shù)字)、lower-alpha(小寫英文字母)、upper-alpha(大寫英文字母)、none(無)。比如設(shè)定一個列表(ul或ol)的項目符號為方塊，如：

　　 li{
　　list-style: square;
　　}

另外list-style還有一些值，比如可以采用一些小圖片作為項目符號，在list-style下直接寫url(“圖片地址”)就可以了。注意如果一個項目列表的左外補丁(margin-left)設(shè)為零的時候，list-style-position: outside(默認是outside)的項目符號不會顯示。可惜的是上述的項目符號似乎并不能設(shè)定大小，圓點和方塊始終是那么點。并且不能設(shè)定垂直方向上的對齊。

2、首字下沉 — 使用:first-letter

偽對象:first-letter配合font-size、float可以制作首字下沉效果。

比如：

　　 p:first-letter{
　　padding: 6px;
　  font-size: 32pt;
　　float: left;
　　}
 
3、首行縮進 — 使用text-indent

text-indent可以使得容器內(nèi)首行縮進一定單位。比如中文段落一般每段前空兩個漢字。可以這么寫：

　　 p{
　　text-indent: 2em; /*em是相對單位，2em即現(xiàn)在一個字大小的兩倍*/
　　}
如果font-size是12px的話，那么text-indent: 2em則縮進24px。

4、關(guān)于漢字注音 — 使用ruby標簽和ruby-align屬性

比如說注音zhu yin，可以利用ruby-align設(shè)置對齊方式。這是在CSS手冊里面看到的，具體可以自行查閱ruby-align項。

5、固定寬度漢字截斷 — 使用text-overflow

用后臺語言可以對從數(shù)據(jù)庫里的字段內(nèi)容做截斷處理，比如說截12個漢字(之后用省略號)。但是有時還需要html標簽的過濾等，而用CSS來控制則沒有這個問題。比如對列表應(yīng)用以下樣式：

　　 li{
　　overflow:hidden;
  　text-overflow:ellipsis;
　　white-space:nowrap;
　　}

不過只能處理文字在一行上的截斷，不能處理多行。

6、固定寬度漢字(詞)折行 — 使用word-break

舉個例子，比如說要在一個固定寬度容器里面顯示很多地名(假設(shè)以空格分隔)，為了避免地名中間斷開(即一個字在上面而另一個字折斷到下一行去了)。則可以使用word-break。比如：

值得注意的是里面的空格不能以 代替(最少要有一個軟空格)。