首頁 > web前端 > css教學 > 主體

css id與class的差別是什麼

青灯夜游
發布: 2023-01-05 16:12:56
原創
7247 人瀏覽過

區別:1、id選擇符的前綴符號為“#”,class選擇符的前綴符號為“.”。 2、id在頁面中只能出現一次,class在頁面中可以多次呼叫。 3.id是先確定頁面的結構和內容,再為其定義樣式;而class相反。

css id與class的差別是什麼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在定義樣式的時候,有時候會將id和class的用法弄混淆,所以在這裡特意說明一下:

id和class屬性是網頁中兩個通用的屬性,它們協同工作使整個頁面變得豐富多彩。當我們為一個元素定義樣式時。可以使用id,也可以使用class。

  • 在css樣式表中書寫時,id選擇符前面應該要加上前綴符號‘#’,而class選擇符前面應該要加前綴符號‘.’。 

  • id屬性一般只會在一個頁面中使用一次,而class可以被多次引用。 id作為元素的標籤,用來區分不同結構和內容,而class作為一個樣式,它可以應用在任何結構和內容上。

  • 在佈局思路上,一般堅持這樣的原則:id是先確定頁面的結構和內容,然後再為它定義樣式:而class相反,它先定義好一類樣式,然後再頁面中依需求把類別樣式套用到不同的元素和內容上面。

目前瀏覽器都能允許在同一個頁面內出現多個相同屬性值的id,一般情況下也能正常顯示,不過當使用javascript透過id來控制元素時就會出現錯誤。 

在實際應用時,class更多的被應用到文字版塊以及頁面修飾等方面,而id更多地被用來實現宏偉佈局和設計包含塊,或包含框的樣式。

(學習影片分享:css影片教學

以上是css id與class的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板