網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 1、letter-spacing功能:控制文本元素字母間的間距,所設置的距離適用于整個元素。 數值: normal - 正常間距,將字符間的間距復位為所有字體和字號的正常間距。 長度 - 設置字間距長度,正值表示加進父元素中繼承的正常長度,負值則減去正常長度。在數字后指定度量單位如下:mm, cm, in, pt(點數), px(象素), pc(pica), ex(小寫字母x的高度), em(大寫字母M的寬度)。 例子:Letter-Spacing2、line-height功能:設置元素中文本的行間距。 數值: normal - 正常高度,通常為字體尺寸的 1-1.2倍,這是缺省設置。 數字 - 設置元素中毎行文本的距離為字體尺寸乘以這個數字。例如字體尺寸為10點,設置line-height為2,則間距20點。 長度 - 用標準度量單位設置間距,有些是絕對的,有些是相對的,詳見letter-spacing中的説明。 百分比 - 也字體尺寸的百分比設置間距。 例子: 這是第一行。這是第二行。這是第三行。 3、text-align功能:在元素框中水平對齊文本。 數值: left - 左對齊 right - 右對齊 center - 居中 justify - 均勻分布, 生成等長的行 例子:對左居中對右4、text-decoration功能:文本修飾,用于控制文本元素所用的效果,特別適用于引人注意的說明,警告等文本效果。 數值: none - 無文本修飾,缺省設置。 underline - 下劃線。 overline - 上劃線。 line-through - 刪除線。 blink - 閃爍。 同一語句中可以組合多個關鍵字。 例子:underline overline 5、text-indent功能:文本縮排,用于段落的第一行縮排上。 數值: 長度 - 設置首行縮排的尺寸為指定度量單位,有些單位是相對的,有些則是絕對的,祥見 letter-spacing 屬性的說明部分。 百分比 - 以行長的百分比設置首行縮排量。 例子:文本縮排,用于段落的第一行縮排上。6、text-transform功能:設置一個或幾個元素的大寫標準。 數值: none - 不改變文本的大寫小寫。 capitalize - 元素中毎個單詞的第一個字母用大寫。 uppercase - 將所有文本設置為大寫。 lowercase - 將所有文本設置為小寫。 例子:a text-transform example.a text-transform example.a text-transform example.7、vertical-align功能:垂直對齊。 數值: baseline - 對準兩個元素的小寫字母基準線。 sub - 下標。 super - 上標。 top - 頂部對齊。 text-top - 文本頂對齊。 middle - 中線對齊。 bottom - 底線對齊。 text-bottom - 字母底線對齊。 百分比 - 將線上元素基準線在父元素基準線基礎上升降一定的百分比,和元素的 line-height 屬性組合使用。 例子:a1x28、word-spacing 功能:控制文本中元素單詞間的間距。設置的間距適用于整個元素,不能在某個單詞間插入更大或更小的間距。 數值: normal - 正常間距。 長度 - 如果長度為正,則加進從父元素繼承的正常長度,如果是負值,則減去。 例子:A Word Spacing Example大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。
|