軟件網(wǎng)站建設(shè):CSS設(shè)置行間距和字間距顯示效果
letter - spacing屬性的值可以設(shè)為相對數(shù)值,也可以設(shè)為絕對數(shù)值。在靜態(tài)頁面中,文字大小固定時常常使用絕對數(shù)值,以達(dá)到統(tǒng)一的效果。而對于論壇和博客這些可以由用戶自定義字體大小的頁面,通常設(shè)定為相對數(shù)值。用“記事本”編寫如下代碼并保存為3j_7.htm文件。
通過瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果如圖3-23所示。
CSS設(shè)置行間距和字間距顯示效果
第一段文字采用了絕對數(shù)值進(jìn)行賦值,并且將行間距設(shè)置得比文字大小還要小,因此文字發(fā)生了部分重疊現(xiàn)象。第二段和第三段分別設(shè)置了不同的文字大小,但由于使用了相對數(shù)值,因此網(wǎng)頁能夠自動調(diào)節(jié)行間距。第四段文字間距使用負(fù)數(shù)來實現(xiàn)文字重疊的效果。第五段文字使用相對數(shù)值來表示文字間距。
(4)首字大小。許多報紙、雜志的文章中,開篇第一個字都很大,這種首字放大的效果往往能在第一時間吸引眼球。在CSS中,首字放大的效果是通過對第一個字單獨(dú)進(jìn)行樣式設(shè)置實現(xiàn)的。 用“記事本”編寫如下代碼并保存為3_3_8.htm文件。電子商務(wù)網(wǎng)站設(shè)計與制作通過瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果如圖3-24所示。