個性原創,打造品牌

拒絕模仿抄襲、拒絕模板建站;
多位資深網頁設計師同時設計,讓您優中選優;
網站獨一無二,品牌輕易提升...

了解詳情 >

代碼規范,國際標準

后臺php+mysql動態管理,功能強大,千萬級數據;
前臺div+css生成靜態,代碼精簡,訪問速度快,
符合w3c國際標準,兼容ie/火狐/蘋果等任意瀏覽器...

了解詳情 >

細微高效,全程無憂

域名一個,主機一臺;
主機BGP多線路,5G存儲空間,流量不限;
新聞錄入、圖片處理、數據備份、安全監測、網站升級...

了解詳情 >

移動時代,機不可失

全新視覺、創新操作;
跨平臺兼容,微信無縫對接;
不容錯過的手機網絡商機,不能錯過的手機網站時代...

了解詳情 >

搜索領先,鎖定訪客

在主流搜索引擎的搜索結果中,
網站的名稱,排在第一頁的第一名,
網站其他相關的3-5個關鍵詞,排在第一頁...

了解詳情 >

營銷利器,決勝千里

全國統一呼叫,品牌企業的象標志。
中國電信4008/4009、中國聯通4000/4006,號碼任選;
通話資費預存...

了解詳情 >
以“信”為主的服務理念,“源”為標桿的服務特點351532641點擊咨詢010-86203368聯系電話
CSS問題設計問題程序問題優化問題

CSS id和CSS class區別與用法

發布時間:2012-09-14      瀏覽次數:994

簡單介紹CSS idCSS class區別與用法。

CSS id知識:

在一個網頁里ID只能使用一次。當然即使一個id在一個網頁內被使用多次,其CSS樣式仍然可以實現生效,但是一般規定W3C標準是使用一次。因為IDhtml里可以賦予html標簽特殊的屬性如一下JS動作、表單傳值等特性所以區別于一個class可以使用多少的次,而一個CSS 命名的id只能使用一次避免一些特定動作、傳的表單值的兼容性特性錯誤即使沒有其它JS腳本動作、表單傳值特性但是我們也一定執行一個頁面只能使用一次。

id 選擇器以 "#" 來定義,命名CSS選擇器。

定義命名css id選擇器例子:

#poluoluocom1{color:#F00;}定義紅色www.poluoluo.com實例

#poluoluocom2{color:#0F0;}定義綠色

對應htmldiv引用

我顏色為紅色


我顏色為綠色


一個div標簽的定義只能使用一個id如:

www.poluoluo測試內容


www.poluoluo測試內容


兩個都是不正確的,并且CSS樣式屬性也不能生效- 成為CSS 失效之一。

CSS class知識:

CSS ID不同特性是clsss類可以在一個網頁內無限次引用。

Class 選擇器定義以“.”來定義。定義css class選擇器例子:.poluoluocom1{color:#F00;} 定義文字為紅色.poluoluocom2{font-size:28px;}定義文字大小為18px

對應htmldiv+css引用:

我顏色為紅色


www.poluoluo.com我字體大小為28px


我顏色為紅色文字大小為28px


以上即是“poluoluocom1”“poluoluocom2”類的正確使用方法

擴展知識:能否使用數字命名CSS 屬性選擇器css 命名規范

以下為錯誤的css類使用方法:

我將無效


這樣的引用方法即是錯誤的引用方法,同樣可以得出一個div標簽內只能出現一個"class=",如果出現多個css類要應用到一個div標簽內,即可以使用

來表達。


一個div標簽內運用idclass是可以的:

.poluoluocom1{... ...}

#poluoluocom2{... ...}

.poluoluocom3{... ...}

這樣是可以的也是正確的.


同樣是正確的可取的。


上一篇:CSS有趣實例:讓整個網頁翻轉效果
下一篇:CSS網頁制作技巧:讓網頁內容居中的方法

Copyright©2016  xinycx.com  All Rights Reserved  北京信源創想科技有限公司  備案號:京ICP備17071760號
地址:北京市海淀區閔莊路門頭馨村北二區33號樓3單元102室  電話:010-86203368  

北京網站建設 北京網站制作 信源創想 品牌網站建設 企業網站建設 網站設計 APP開發 微信開發 前端切圖 DIV+CSS html5切圖 APP切圖

海南七星彩玩法