[教學] CSS3如何修改反白文字的顏色 ::selection使用方法
「::selection」是CSS3才有的一個特效,為了讓使用者閱讀上更舒適,因此網頁設計者,會修改網頁反白文字後的顏色,來方便瀏覽者閱讀。你平常在網路上看文章時事後也會像這樣,把正在閱讀的地方,用滑鼠反白呢?應該看厭了那個單調的藍色了吧,試試這個方法,舒適閱讀。
「::selection」是CSS3才有的一個特效,為了讓使用者閱讀上更舒適,因此網頁設計者,會修改網頁反白文字後的顏色,來方便瀏覽者閱讀。你平常在網路上看文章時事後也會像這樣,把正在閱讀的地方,用滑鼠反白呢?應該看厭了那個單調的藍色了吧,試試這個方法,舒適閱讀。
會寫這篇是因為感覺這效果的應用還蠻廣的,而且視覺效果也不錯。起初看到把它應用在網站上的是阿湯,他的布景直覺上看上去就是很清爽簡單,加上右邊的側邊攔把它融合成一塊,大大減少了不必要的空間,還有就是綠色工廠也用了相同的效果。還有看過把這個效果直接當作是網站的版型,所以整個網頁就沒有用到很長的捲軸。
有些網站會針對手機板來做手機版本的瀏覽介面,讓User在使用手機來看網站時,能有字體大、或以內容為主軸的設計版面。為了針對不同大小的瀏覽器(Browser),可以用大概三種以上的方式來讓User有最舒適的介面,以方便行動裝置的User在瀏覽網頁時,先Redirect到行動版網站。第一、可以使用自適應網頁設計(Responsive Web Design);第二、我們可以針對手機的使用者載入不同的布景;第三、可以使用本篇的方法,針對手機使用者載入不同的CSS,或其它客製選項。
在之前有一篇文章提到HTML5(為何iPhone,iPod,iPad不支援Flash,HTML5將更普及於網路世界!!)的重要性,而Html 5的主要革新是在他的語意標籤,像是<video>、<audio>、<section>、<article>、<header>和<nav>這些,一看就知道是用在何處的標籤,將是Html 5的主要特色之一,今天我們要介紹的是<video>這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片,這是一個錯誤的觀念,如果你真是這麼認為,下方有解說。
記得上次幫網站 換佈景 是去年七月底的事了,有一些讀者來信詢問,不過因為是自用佈景,所以不會釋出,這次TWweeb做一個專門給讀者使用的佈景,完全免費,當然你要贊助我是不會介意的,有詳細的後臺控制頁面,諸如Facebook粉絲專頁、廣告設定和網頁頂部的三格廣告欄(訊息欄)…等,都能在後台一次設定。