CSS - 網頁設計教學站

CSS text-decoration 屬性的功能是可以用來設計網頁文字的修飾線條，例如常見的文字上線（overline）、文字刪除線（line-through）以及文字底線（underline）都可以用 CSS text-decoration 屬性來設計，以前還有一種叫做閃爍（ ...... 詳細閱讀

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 ...... 詳細閱讀