文字的顯示格式與式樣對於網頁設計師來說是乙個重要問題。這一課將向你介紹css在文字布局方面令人激動的特性。本課將對下列css屬性進行講解:
css屬性text-indent
用於為段落設定首行縮排,以令其具有美觀的格式。在下例中,我們為採用p
元 素的段落應用了30畫素的首行縮排。
p
css屬性text-align
與html屬性align的功能相同。該屬性的值可以是:left(左 對齊)、right(右對齊)或者center(居中)。除了上面三種選擇以外, 你還可以將該屬性的值設為justify(兩端對齊),即伸縮行中的文字以左右靠齊。報刊雜誌經常採用這種布局。
在下例中,標題(th
)中的文字被設定為右對齊,而表中資料(td
) 被設定為居中。正常的文字段落被設定為兩端對齊。
th td
p
css屬性text-decoration
令我們可以為文字增添不同的「裝飾」或「效果」。例如,你可以為文字增添下劃 線、刪除線、上劃線等等。在接下來的例子中,我們為h1
標題增添了下劃線,為h2
標題增添了上劃 線,為h3
標題增添了刪除線。
h1 h2
h3
css屬性letter-spacing
用於設定文字的水平字間距。我們可以把期望的字間距寬度作為這個屬性的值。例 如,假如你希望p
元素裡的文字段落的字間距為3個畫素,而h1
標 題的字間距為6個畫素,**可以這樣寫:
h1 p
css屬性text-transform
用於控制文字的大小寫。無論字母本來的大小寫,你可以通過該屬性令它首 字母大寫(capitalize)、全部大寫(uppercase)或者全部小寫 (lowercase)。
比如,單詞「headline」在展現給網頁瀏覽者時,可以是「headline」或者「headline」。text-transform屬性有 四個可選值:
capitalize
將每個單詞的首字母轉換為大寫。例如:「john doe」將被轉換為「john doe」。
uppercase
所有字母都轉換為大寫。例如:「john doe」將被轉換為「john doe」。
lowercase
所有字母都轉換為小寫。例如:「john doe」將被轉換為「john doe」。
none
不作任何轉換——文字怎麼寫的就怎麼顯示。
來舉個例子,我們將使用乙個姓名列表。所有姓名都用(列表項)標籤來標記。我們希望對姓名採用首字 母大寫的方式,而對標題採用全部大寫的方式。
檢視過該例的html**後你會發現,其實在html**裡我們寫的姓名和標題全部都是小寫。
h1 li
在上面三課裡,你已經學習了一些css屬性,不過還有更多需要學習。在下一課我們將對鏈結作有關介紹。
C語言第13課 檔案讀寫
乙個檔案,無論它是文字檔案還是二進位制檔案,都是代表了一系列的位元組。c 語言不僅提供了訪問頂層的函式,也提供了底層 os 呼叫來處理儲存裝置上的檔案。使用fopen 函式來建立乙個新的檔案或者開啟乙個已有的檔案,這個呼叫會初始化型別file的乙個物件,型別file包含了所有用來控制流的必要的資訊。...
第五課 文字格式
文字顏色 color 文字的對齊方式 text align 文字修飾 text decoration none 取消下劃線 text decoration overline 新增上劃線 text decoration line through 新增中劃線 text decoration underl...
Linux基礎第002課 檔案系統
unix linux路徑由到達定位檔案的目錄組成。在unix linux系統中組成路徑的目錄分割符為斜槓 而dos則用反斜槓 來分割各個目錄。路徑分為絕對路徑和相對路徑 在 windows 平台下,開啟 計算機 我們看到的是乙個個的驅動器碟符 每個驅動器都有自己的根目錄結構,這樣形成了多個樹並列的情...