你必須要知道的幾個CSS技巧

2022-07-26 17:39:11 字數 878 閱讀 8645

有些經典的css技巧,我們還是需要記住的,這樣可以節省我們大量的時間,下面零度就為大家推薦幾個比較好的css技巧:

許多網頁上都有導航選單,當進入某頁時,選單上相應這一項就應該變灰,而其他頁亮起來。一般要實現這個效果,需要寫程式或專門為每一頁做設計,現在靠css就可以實現這個效果。

首先,在導航**中使用css類:

然後分別為每一頁的body指定乙個id,和上面類同名。如。

然後設計css如下:

#home .home, #about .about, #contact .contact 

這裡,當id設為home時,.home就會起作用,也就是class設為home的那一行導航條就會顯示出特殊效果來。其他頁也是如此。

怎麼樣,是不是很簡單呢?

所有的html元素都屬於block和inline之一。block元素的特點是:

總是在新行上開始;

高度,行高以及頂和底邊距都可控制;

寬度預設是它的容器的100%,除非設定乙個寬度

, , , , 和 是塊元素的例子。相反地,inline元素的特點是:

和其他元素都在一行上;

高,行高及頂和底邊距不可改變;

寬度就是它的文字或的寬度,不可改變。

, , , ,

,和是inline元素的例子。

用code class="inline">display: inline 或display: block命令就可以改變乙個元素的這一特性。什麼時候需要改變這一屬性呢?

讓乙個inline元素從新行開始;

讓塊元素和其他元素保持在一行上;

控制inline元素的寬度(對導航條特別有用);

控制inline元素的高度;

無須設定寬度即可為乙個塊元素設定與文字同寬的背景色。

你必須要知道的幾個CSS技巧

1 在不同頁面上使用同樣的導航 許多網頁上都有導航選單,當進入某頁時,選單上相應這一項就應該變灰,而其他頁亮起來。一般要實現這個效果,需要寫程式或專門為每一頁做設計,現在靠css就可以實現這個效果。首先,在導航 中使用css類 然後分別為每一頁的body指定乙個id,和上面類同名。如 然後設計css...

你必須要知道的CSS特殊性概念

我們在使用css對網頁元素定義樣式時經常會遇到這種情況 要對一般元素應用一般樣式,然後在更特殊的元素上覆蓋它們。那麼我們怎麼樣來保證我們所新定義的元素樣式能覆蓋目標元素上原有的樣式呢?在css中,會根據選擇器的特殊性來決定所定義的樣式規則的次序,具有更特殊選擇器的規則優先於具有一般選擇器的規則,如果...

關於 Http 協議,你必須要知道的

http協議是hyper text transfer protocol 超文字傳輸協議 的縮寫,是用於從全球資訊網伺服器傳輸超文字到本地瀏覽器的傳送協議。http 是基於 tcp ip 協議通訊協議來傳遞資料 html 檔案,檔案,查詢結果等 它不涉及資料報 packet 傳輸,主要規定了客戶端和伺...