css初學者在剛開始用div+css布局的時候,常常被一個問題所困擾:當定義一個屬性時,是使用id,還是使用class?在這我談下自己在工作中對id和class的使用原則。希望對初學者有所幫助。
[b]id的使用原則[/b]
我們知道id具有唯一性,也就是說在整個xhtml中id是不能重復的,所以我們在寫網頁的時候,大的結構用id,比如:logo、導航、主體內容、版權等,根據命名規范分別命名為#logo、#nav、#contenter、#copyright。還有一種情況就是:我們要通過js作用一個層,以實現某種效果的時候,用id。這也是由id的唯一性決定的。
[b]class的使用原則[/b]
class在css定義中具有普遍性,可以無限次的重復使用,這也體現了div+css布局的優越性。class常用于結構內部,這樣做的好處是有利于網站代碼的后期維護與修改,這樣會讓所有的class成為id的子級或者孫級。
另外需要注意一點的是盡量不要讓class包含id,比如.ff #childer{。..},這樣做顯然不可取,不符合書寫習慣。前面也介紹過良好的書寫習慣,對寫出規范的代碼,和其他同事的合作,以至于后期的維護都是很有好處的。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15