洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律
作者:狐靈科技 | 2019-12-31 12:29 |點(diǎn)擊:
.一般是用class的
class:用來(lái)定義一些比較細(xì)節(jié)的樣式,如具體的一個(gè)菜單,一行文字等,用.text的形式來(lái)定義。
而# 是id
id:用來(lái)定義頁(yè)面中大的樣式,如欄目劃分,頂部,正文,底部等;用#top的形式來(lái)定義;
CSS樣式里
#infont{}
這個(gè)樣式是用ID來(lái)調(diào)用的
.infont{}
這個(gè)樣式是用CLASS來(lái)調(diào)用的
1,在css樣式表中書寫時(shí),id選擇符前面應(yīng)該加前綴符號(hào)‘#’,而class選擇符前面應(yīng)該加前綴符號(hào)‘.’。
2,id屬性一般在一個(gè)頁(yè)面中只可以使用一次,而class可以被多次引用。
3,id作為元素的標(biāo)簽,用于區(qū)分不同結(jié)構(gòu)和內(nèi)容,而class作為一個(gè)樣式,它可以應(yīng)用到任何結(jié)構(gòu)和內(nèi)容上。
4,在布局思路上,一般堅(jiān)持這樣的原則:id是先確定頁(yè)面的結(jié)構(gòu)和內(nèi)容,然后再為它定義樣式:而class相反,它先定義好一類樣式,然后再頁(yè)面中根據(jù)需要把類樣式應(yīng)用到不同的元素和內(nèi)容上面。
5,目前瀏覽器都能允許在同一個(gè)頁(yè)面內(nèi)出現(xiàn)多個(gè)相同屬性值的id,一般情況下也能正常顯示,不過當(dāng)使用javascript通過id來(lái)控制元素時(shí)就會(huì)出現(xiàn)錯(cuò)誤。
6,在實(shí)際應(yīng)用時(shí),class更多的被應(yīng)用到文字版塊以及頁(yè)面修飾等方面,而id更多地被用來(lái)實(shí)現(xiàn)宏偉布局和設(shè)計(jì)包含塊,或包含框的樣式。