CSS 是 Cascading Style Sheets 的簡稱,目前 CSS 已經被大部分瀏覽器所支援,例如
IE、
FireFox、
Chrome、
Opera、
Safari 等,只是部分語法在目前的 IE 版本(IE8)中支援狀況不太一樣,撰寫的時候必須多注意,CSS 是目前廣泛應用在網頁排版的簡單語法。
在新代的網頁設計風格呈現,時常會用到數張圖片重疊的效果,例如做一些相冊或圖集,這樣重疊的效果總是帶給人比較立體的感覺,常見的做法是先做好美工圖片,然後插入到網頁中,另一種做法則是直接透過 CSS 的 z-index 與 ......
詳細閱讀
有的時候為了讓整篇文章排版與網頁的風格搭配,會將文章開頭英文字母的字首設為大寫或者用特殊字型美化,通常見於英文的文章,CSS 內建的 first-letter 可以讓你輕鬆控制段落第一個字母,例如要用自動轉為大寫呈現,以 ......
詳細閱讀
CSS first-letter 屬性是 CSS 的選擇器(Selector),也被稱為虛擬元素或者偽元素,可以用來控制文章段落的字首字母,透過 CSS first-letter 可以很輕鬆的選擇單一段落或是整個段落的每 ......
詳細閱讀
CSS font-variant 可以用來對局部的內容文字做大寫與縮小的變化。CSS font-variant 語法範例font-variant: 屬性值 ;屬性值有三種,分別是 normal、small-caps、in ......
詳細閱讀
CSS outline 指的是元素的外圍邊框(輪廓),透過 outline 屬性的設定可以將元素所佔的範圍面積擴大,使用起來與 CSS border-style 有點類似,但效果有些為的差距,CSS outline 白話 ......
詳細閱讀
網頁設計師常常會碰到一個問題,就是字型不夠用的狀況,普通的設計師可能不是很在意字型,但 font 確實對於整體網頁傳達的形象有很大的影響與差異,在傳統 CSS font-family 設計上,通用字型如 serif、sa ......
詳細閱讀
在 CSS 的設計中,你可以透過 text-transform 來控制文章中的文字字母大小寫,當然指的是英文字母而不是中文字母,瀏覽器會依照你的指示去呈現,無論原本的字母是大寫還是小寫,一律根據 text-transfo ......
詳細閱讀
CSS word-spacing 屬性是用來設計網頁單字間的水平距離,用法與 letter-spacing 有點類似,不同的是 word-spacing 控制的是單字(或段落)而非單一字母,letter-spacing ......
詳細閱讀
常常看到許多人文章的開頭都會有一個縮排,以標準的排版來說,這樣子是正確的,但是要怎麼做到第一個字自動縮排呢?其實相當的簡單,只要透過 CSS text-indent 的設定就可以輕鬆達到。上方兩個區塊左邊為一般的區塊,右 ......
詳細閱讀
這篇可以說是 float 的延伸,在 CSS 中 float 是用來宣告元素浮動用的,如果想了解可以參考此篇:CSS float 浮動元素。本篇不針對浮動元素的使用方式介紹,專注於 DIV 區塊的浮動技巧說明。假設有兩個 ......
詳細閱讀