css中id和class的定義格式以及使用方法

本篇內(nèi)容介紹了“css中id和class的定義格式以及使用方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

定義格式：

形如id="aaa"定義的,在css中是這樣設(shè)置其樣式的：
#aaa{ 樣式列表 }

而以class="bbb"形式定義的，在css中應(yīng)該這樣設(shè)置其樣式：
.bbb{ 樣式列表 }
（注意前面有一個(gè)點(diǎn)）
 
ID與CLASS的使用技巧

1. 子級(jí)的命名的包含父命名中的部分為開(kāi)頭。這樣方便在編寫(xiě)CSS時(shí)明確層次關(guān)系。
2. CLASS中的子級(jí)最好不用ID。當(dāng)然特殊情況特殊對(duì)待。
3. CLASS的命名最好命名用大小寫(xiě)合用。例 .newMovie 這樣的寫(xiě)法與第一條結(jié)合起來(lái)使用明確關(guān)系最合適。要需要注意的是IE以外的瀏覽器對(duì)于大小寫(xiě)是很敏感的。還有就是一定要以字母開(kāi)頭。
 
id的使用原則
 
        我們知道id具有唯一性，也就是說(shuō)在整個(gè)xhtml中id是不能重復(fù)的，所以我們?cè)趯?xiě)網(wǎng)頁(yè)的時(shí)候，大的結(jié)構(gòu)用id，比如：logo、導(dǎo)航、主體內(nèi)容、版權(quán)等，根據(jù)命名規(guī)范分別命名為#logo、#nav、#contenter、#copyright。還有一種情況就是：我們要通過(guò)js作用一個(gè)層，以實(shí)現(xiàn)某種效果的時(shí)候，用id。這也是由id的唯一性決定的。
 
class的使用原則
 
       class在css定義中具有普遍性，可以無(wú)限次的重復(fù)使用，這也體現(xiàn)了div+css布局的優(yōu)越性。class常用于結(jié)構(gòu)內(nèi)部，這樣做的好處是有利于網(wǎng)站代碼的后期維護(hù)與修改，這樣會(huì)讓所有的class成為id的子級(jí)或者孫級(jí)。
 
備注：
 
若出現(xiàn)重復(fù)定義時(shí)，從優(yōu)先級(jí)來(lái)看是：
Style ＞ ID ＞ Class ＞ 缺省的Html元素

“css中id和class的定義格式以及使用方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！