1.要換行,且不讓文字超過邊框:
{
word-wrap:break-word;
word-break:break-all;
overflow:hidden;
}
2.首行縮進
正确地縮進兩個漢字的寬度就需要使用相對機關。em是相對長度機關,而且是相對于目前對象内文本的字型大小的機關,那麼兩個漢字的寬度就是2em
p{text-indent:2em;}
3.行高line-height屬性值具有一個特性
可以不設定機關,也可以使用小數點(line-height:1.5)。但不設定機關的時候會以段落中某個最大的文字字型為基準做行高處理。
注:在應用到塊級元素時,line-height定義了元素中文本基線之間的最小距離,而不是一個絕對數值,文本基線拉開的距離可能比line-height值更大。此外line-height并不影響替換元素的布局,不過确實可以應用到替換元素。
4.首字下沉
p:first-letter{
float:left;
font-weight:bold;
font-size:2em //設定段落p标簽的首字為其他字型的2倍
}
p{clear:both } //清除首字的浮動,避免影響p标簽的高度與其疊加
5.首行文字進行操作
:first-line僞對象僅影響标簽元素中第一行的文本,而無論标簽元素中第一行内容有多長:
p:first-line{ font-weight:bold; }
注:在css2中,:first-letter和:first-line僞元素隻能應用于标記或段落之類的快元級元素,而不能應用于超連結等行内元素。
6.字型右對齊(編寫華為電子書的時,客戶要求頁面中的文字右邊也好對齊,細節很重要):
<p style="text-align:justify;text-justify:inter-ideograph;>
沒有添加<p>标簽之前的效果:

添加了p标簽之後:
7.镂空的文字
h1 {
color: transparent;
-webkit-text-stroke: 1px red;
}
8.大小寫字母轉換text-transform
預設值為none對文本不做任何改動;參數upper-case和lowercase将文本轉換為全大寫活小寫字元;capital隻對每個單詞的首字母大寫。
<style>
h1{text-transform: capitalize;}
</style>
<body>
<h1>This is an H1 element</h1>
</body>
結果如圖:
9.文字陰影
text-shadow: 1em 1em 5px gray,-1em -1em silver;
第一組參數 ‘1em 1em 5px gray ’中第一個值控制陰影的左右位置(可為負),第二個值控制陰影的上下位置(可為負),第三個參數控制陰影的模糊程度(模糊度随着數值的增大而增大),第四個參數表示陰影的顔色。第二組參數‘-1em -1em silver’,和第一組類似,隻是省略了模糊度。
應用了此屬性的文字效果如下: