- HTML5+CSS3+JavaScript 從入門到項目實踐(超值版)
- 聚慕課教育研發中心
- 440字
- 2020-06-29 17:37:24
5.2 設置網頁文本的縮進和間距
網頁基本上是由文本和圖片構成,文本的樣式設置及風格影響著整個網頁的美觀程度,本節主要介紹HTML中文本的縮進和間距的設置。
5.2.1 設置首行縮進屬性

text-indent(首行縮進)屬性用于設置文本的首行縮進,它的取值可以是百分比數值、浮點數和單位標識符組成的長度值,允許為負值。
【例5-8】(實例文件:ch05\Chap5.8.html)設置首行縮進。

相關的代碼實例請參考Chap5.8.html文件,在IE瀏覽器中運行的結果如圖5-8所示。

圖5-8 設置首行縮進屬性
5.2.2 設置字符間距屬性

設置letter-spacing(字符間距)屬性,對于漢語而言,是字與字之間的間距;對于英文而言,是字母與字母之間的間距。取值可以是正值或者負值。
【例5-9】(實例文件:ch05\Chap5.9.html)設置字符間距。

相關的代碼實例請參考Chap5.9.html文件,在IE瀏覽器中運行的結果如圖5-9所示。

圖5-9 設置字符間距屬性
5.2.3 設置單詞間距屬性

word-spacing(單詞間距)屬性用于指定某個區域或者段落中單詞與單詞之間的間隔。它的取值可以是正值或負值。
【例5-10】(實例文件:ch05\Chap5.10.html)設置單詞間距。

相關的代碼實例請參考Chap5.10.html文件,在IE瀏覽器中運行的結果如圖5-10所示。

圖5-10 設置單詞間距屬性
推薦閱讀
- iOS面試一戰到底
- 摩登創客:與智能手機和平板電腦共舞
- Mastering Natural Language Processing with Python
- INSTANT Weka How-to
- Securing WebLogic Server 12c
- 劍指大數據:企業級數據倉庫項目實戰(在線教育版)
- Xamarin Blueprints
- Scratch從入門到精通
- Python 快速入門(第3版)
- iOS Development with Xamarin Cookbook
- MongoDB Administrator’s Guide
- 軟件開發中的決策:權衡與取舍
- Cinder:Begin Creative Coding
- Access 2016數據庫應用與開發:實戰從入門到精通(視頻教學版)
- 深入理解MySQL主從原理