文字是網頁內容的核心，文字的美觀、可視性、表現性會加強網頁內容的可讀性。相對於精美的和樣式，枯燥的文字就沒有得到相應的重視程度。人們瀏覽網頁並不是漫無目的的欣賞，而是獲取資訊。我們下面就來說說文字的一些基本樣式。
1、font-family屬性
font-family屬性是針對某個元素的字型名稱和（或）字型系列名稱的乙個列表。
font-family有兩種值：字型名稱（family name）和字型系列名稱（generic family）。每個值之間用逗號隔開，一般情況下，建議把字型系列作為列表中最後一項。如果字型名稱中有空格，則要將其置於引號中（在html中則使用單引號）。
2、font-size屬性
這個屬性對字型的大小進行設定，可以使用畫素、em和百分數。
/* specify blanket rules for all elements */
body
上面的樣式首先給定lucida grande字型，因為中間存在空格，所以放在引號中。如果機器中有lucida grande字型，文字將以這種字型顯示；沒有這種字型的話，則預設顯示為arial字型，如果這兩種字型都不存在，瀏覽器會選擇sans-serif這種系列中的一種合適字型來顯示。上例中的font-size:12px;保證所有的元素都以12px來顯示。不過這樣的設定會有例外，標題,,並不會受到這個樣式的影響。
3、line-height屬性
line-height屬性調整文字行與行之間的間距。此屬性可以使用百分比設定，如：line-height:150%，則間距為字型大小的一半。在實際的使用中，150%或者160%可能更合適。
line-height:normal;這個設定值與不指定line-height值時可得到相同的效果，所以只有希望改變某個特殊元素的繼承值時才用這個值。
line-height:2;用數字設定間距時，行距將等於數字乘以當前的font-size值。
line-height:8px;將行距設定為固定的值，這種方法精度很高。但是這種情況，如果重新設定文字的大小，行距不會改變。
4、letter-spacing屬性
這個屬性可以控制文字之間的距離。注意：這個值可以為負數。
5、font-weight屬性
font-weight屬性設定文字中字元顯示的粗細程度。其值100（最輕）、200、400（與normal相等）、700（等於粗體）和900（更粗）。
6、font-style屬性
font-style:italic;設定文字斜體。
7、font-variant屬性
font-variant用於將文字顯示為小型大寫字母字型，也就是所有的小寫字母都將轉換為大寫字母，不過所有的字元都會小一些。
該屬性只有normal和small-caps。
8、text-transform屬性
這個屬性和font-variant相對應，它可以將所有的字元顯示為大寫字母但是不縮小字型大小。text-transform屬性的值：uppercase（全部大寫）、lowercase（全部小寫）、capitalize（全部首字元大寫）、none。
9、text-indent屬性
text-indent屬性設定段落的縮排。如：
text-indent:15px;
10、首字下沉
p.dropcap:first-letter
這個css的設定就可以達到首字下沉的效果，是不是很酷阿？
css基礎 3 文字樣式
字型作為網頁最常用元素，可以使用font設定字型大小 粗細 型別等等，總結常用樣式設定如下 屬性設定型別 注意font size 字型大小 單位常用px font family 字型族字型風格視開發需求而定 font weight 字型粗細 normal 400正常，bold 700加粗，數字沒有單...
CSS3入門 四 文字效果
1.帶陰影的文字 text shadow html css aa效果如下 2.css3新增文字屬性 hanging punctuation none first last allow end force end 值 描述none 不在文字整行的開頭還是結尾的行框之外放置標籤符號 frist 標點附著...
CSS學習筆記（五）文字樣式
字型集有 serif 有裝飾 sans serif 無裝飾 monospace 設定多個字型，瀏覽器會依次查詢 h1body h1pleft把文字排列到左邊。預設值 由瀏覽器決定。right把文字排列到右邊。center把文字排列到中間。justify實現兩端對齊文字效果。注 該屬性只對塊元素有效，...