DIV CSS學習 關於ID和CLASS

2022-02-05 23:58:16 字數 964 閱讀 8767

div+css學習--關於id和class

中國網管論壇

在這裡我們有到id和class,那麼有的朋友就要問了,究竟什麼情況下用id,什麼情況下用class呢?

id,表示的是唯一性,並且在這個頁面中只會出現一次,我們用它來表示布局的結構;

class,表示一組(類)或乙個具有同樣性質的元素,它們可以共用樣式,並且在頁面中將會出現多次。

因為會員登入、站點資訊、頁面標準以及這幾個區域中的內容字的樣式將會是一樣的,所以我們將它們放在乙個組裡面。

但有的時候,我們需要給這些層中的元素設定不同的樣式時,我們要如何做呢?例如會員登入這幾個文字使用14px加粗,其他是使用12px加粗,我們要怎麼寫css呢,看下面的**?

.bar_title

#login .bar_title

#login .bar_title 表示的是在id為login的層下的class為bar_title的元素的樣式,這樣表示的就可以有針對性的對某些元素定製樣式。#login .bar_title 在單獨設定了font-size:14px的樣式時,同時也繼承了.bar_title這一組(類)的樣式,那就是font-weight:bold,加粗。

中國網管聯盟

title1

title2

這裡,我要將title1的文字樣式設定為14px,紅色,將title2的文字樣式為10px,綠色,title1和title2都需要加粗,div加乙個紅色的1px的邊框,span加乙個綠色的1px的邊框,樣式可以這樣寫:

.title /*預設為1px的紅色邊框*/

span.title

.title a

div.title a

span.title a

大家可以看到,使用class可以使得許多的元素可以共用同樣的樣式,通過元素的tagname的不同,又可以對每乙個元素定製不同的樣式,我想大家應該對什麼時候該用id,什麼時候該用class已經有了深刻的理解了吧!

關於DIV CSS和XHTML CSS的理解

web標準是一系列標準的集合,並不是僅 div css 布局就可以實現。以css網頁布局只是標準的基礎之一。div css 布局只是一種通俗的稱呼罷了。而我們學習的目標在於以xhtml建立良好的語義化的結構,結合css最大程度使表現與內容相分離。v c d8 h,y,a.j v t x1 k4 t ...

關於註冊類和註冊id

在自己的eclipse rcp 產品中,可能經常要整合第三方的外掛程式,來滿足特定的功能需要。但是對於一些不需要的功能,通常的做法是該外掛程式修改源 如果出於lisence或非開源的原因,無法修改,或刪除其源 就要考慮如何在rcp中控制其擴充套件點的載入。可以在rcp的workbenchwindow...

關於控制項ID的學習心得

1.其實控制項id,就是乙個正整數而已,2.自定義的控制項,vc一般是從某一段沒人用的正整數,開始分配id的,而且占用的id可以在vc裡看到,系統建立專案時所占用id一般只有幾百個,我在mfc中建乙個多文件專案,開啟資源符號後,看到最大的id才306.3.如果我們要動態生成控制項,我們可以用乙個 c...