CSS font-style 屬性是一種修飾網頁文字為斜體字的屬性,使用方式相當簡單,可以取代傳統 HTML 的 標籤,雖然說 標籤很好用,只需要「斜體文字」就能創造出斜體字,可是如果網頁規模較大,還是必須使用 CSS 的 font-style 來設計會比較有利,至少管理上比 ...... 詳細閱讀
CSS font-family 屬性是網頁文字字型設定的標準 CSS 語法,幾乎已經普及至全世界的新一代網頁設計,因為 font-family 屬性除了受到各主流瀏覽器的廣大支援之外,本身的多字型順序寫法也取代傳統 HTML font face 單一字型設定的缺點,CSS fon ...... 詳細閱讀
CSS word-spacing 屬性的功能是用來設計網頁文字"單字或段落"間的水平距離,無論中文單字還是英文單字都可用 word-spacing 屬性來修改單字水平間距,而且 word-spacing 屬性可以接受很多種常用的長度單位,例如 em, cm, px ... 等,大 ...... 詳細閱讀
CSS text-transform 屬性的功能是用來定義網頁中的英文單字字母大小寫,這是 CSS 的一個非常便利的功能,因為打字有時候難免打太快,文章中的英文字母不小心就可能會打錯大小寫,設計可以輕易的透過 text-transform 屬性來控制,減少錯誤的情況,另外還有一種 ...... 詳細閱讀
CSS letter-spacing 文字水平間距設計的功能,可以用來調整網頁文字水平方向彼此間的距離,可以加大距離,當然也可以縮小距離,只需要透過 CSS letter-spacing 的參數值來設定就可以了,使用方式非常簡單,也是網頁文字排板的好幫手,letter-spaci ...... 詳細閱讀
CSS color 文字顏色設計屬性可以取代傳統 HTML 的 font color 屬性,將 CSS color 屬性套用到一些網頁元素中就可以改變元素內的文字顏色,例如 DIV 區塊內的文字顏色、textarea 文字輸入欄位內的文字顏色或是用 span 標籤將網頁中特定文字 ...... 詳細閱讀
用 CSS 的 z-index 設計多張圖片重疊的效果,需要用到 CSS 的位置屬性 position 以及 z-index 本身的參數設定,position 是用來控制圖片在電腦螢幕平面的位置,而 z-index 則是用來控制與電腦螢幕垂直方向的位置,感覺就像是把圖片堆疊在一起 ...... 詳細閱讀
CSS position 位置屬性自然就是用來設計網頁元素位置用的,例如有一張圖片要放在網頁的左上角,就是經常用來放網站 Logo 的那個位置,這時候使用 CSS position 屬性非常方便,position 搭配 top、left 兩個屬性,可以快速的控制圖片靠上面與靠左邊 ...... 詳細閱讀
CSS DIV 區塊內的文字垂直置中會採用到幾個重點,首先是要設定好 DIV 區塊的高度,接著是重頭戲,CSS 的 line-height 屬性,這個屬性是 CSS 標準的文字行高設計,因為可以用來設計每一行文字的高度,所以我們利用 line-height 的特性,套入到 DIV ...... 詳細閱讀
CSS line-height 文字行高屬性可以設定整個網頁的文字行高或是一個容器內的行高,例如 DIV 區塊內的文字行高,讓文字不要每一行都黏在一起,瀏覽起來比較舒適一些,為了能夠獲得較適合的行高,使用 line-height 的時候,通常必須同時考慮文字大小 font-siz ...... 詳細閱讀
© Copyright webtech.tw Since 2010