文章

WordPress 繼續閱讀的相關問題

有些佈景會遇到繼續閱讀變成[...]或是沒有顯示繼續閱讀的問題,可參考以下方式解決

閱讀更多

CSS製作滑鼠移動到圖片上圖片會放大的效果

CSS製作滑鼠移動到圖片上圖片會放大的效果

近期發現很多自架的部落格網站,當滑鼠移動到文章的特色圖片時會有圖片放大的效果

要怎麼做到呢?以下是範例參考:

閱讀更多

CSS 線上工具

定義CSS優先級

在設計網頁的過程中,我們可能想要設置某個規則比其他的規則更重要,CSS中答應這樣設置,它們被稱為重要規則(important rule)。這是根據其聲明的方式和它們的自然屬性來命名的。通過在一條規則的分號前插入!important這樣一個短語來標記一條重要規則,比如說:

p.apple { color:#red !important; background:white;}
顏色值#red被標記為!important,而背景色white未被標記,假如需要二條規則都是重要的話,那麼每條規則都需要標上!important。

正確地放置!important的位置是很重要的,否則整條規則將為無效。!important總是放在規則聲明的最後,在分號之前。

標記為!important的規則具有最高的權值,也就是說他沒有具體的特性值,但是比其他的權值都要大。需要注重的是,雖然設計者定義的樣式比用戶定義的 樣式具有更高權值時,但!important規則恰恰相反:重要的用戶定義規則要比設計者定義的樣式具有更高權值,即使是標記為!important的重 要規則也是如此。

看了這麼多文字介紹後,我們來舉個例子看一下:

樣式定義:
h1 { color:gray !important;}

應用舉例代碼:
<h1 style="color:black;">看這兒!</h1>

應用舉例效果:!important規則會覆蓋內聯style屬性的內容,所以結果文字是灰色的而不是黑色的。