資訊專欄INFORMATION COLUMN
摘要：與基本屬性及用法在程序中稱類，同時(shí)在中也書面語也叫類。在樣式中以小寫的點(diǎn)及來命名如屬性屬性值而在頁面里則以來選擇調(diào)用命名好的又叫選擇器。也就是說只是頁面元素的標(biāo)識(shí)，供其他元素腳本等引用。
我們平常在用DIV CSS制作Xhtml網(wǎng)頁頁面時(shí)，常會(huì)用到class 和id來選擇調(diào)用CSS樣式屬性。
CLASS與ID基本屬性及用法：
Class 在程序中稱“類”，同時(shí)在CSS中也書面語也叫“類”。
在CSS樣式中以小寫的“點(diǎn)”及“.”來命名如： .css5{屬性：屬性值;} ,而在html頁面里則以class="css5" 來選擇調(diào)用,命名好的CSS又叫css選擇器。
如： .css5{屬性：屬性值;} 選擇器在html調(diào)用為“
而且class(類)在同一個(gè)html網(wǎng)頁頁面可以無數(shù)次的調(diào)用相同的class類，在這里例子里則可以在對(duì)應(yīng)的網(wǎng)頁里可以無數(shù)次調(diào)用選擇“css5”。
這也說明class一般是用來調(diào)用css中的預(yù)配制屬性的，比如說有一個(gè)預(yù)配制屬性為如這里的“.class01{屬性：屬性值;} ”，這樣就可以像調(diào)用函數(shù)一樣不用再一個(gè)網(wǎng)頁頁面里重復(fù)的配置一個(gè)“類”屬性，而只需要寫上一個(gè)class類選擇，就可以在同一個(gè)頁面里任何位置調(diào)用選擇具有相同的CLASS類。
ID是表示著標(biāo)簽的身份，在JS腳本中會(huì)用到id，當(dāng)JS要修改一個(gè)標(biāo)簽的屬性時(shí)，JS會(huì)將id名作為該標(biāo)簽的唯一標(biāo)識(shí)進(jìn)行操作。也就是說ID只是頁面元素的標(biāo)識(shí)，供其他元素腳本等引用。假如你的頁面里出現(xiàn)了兩個(gè)ID那JS效果特性較出現(xiàn)邏輯錯(cuò)誤不知道依據(jù)哪個(gè)ID來改變其標(biāo)簽屬性。 在CSS里的ID不一定為JS而設(shè)置的，但是同樣ID在頁面里也只能出現(xiàn)一次，并且是唯一性。雖然可能我們才學(xué)DIV+CSS愛好者在一個(gè)頁面里同時(shí)調(diào)用相同的ID多次但是仍然沒有出現(xiàn)頁面混亂錯(cuò)誤，但是我們?yōu)榱薟3C及各個(gè)標(biāo)準(zhǔn)我們也要遵循ID在一個(gè)頁面里唯一性。以免出現(xiàn)瀏覽器兼容問題。
Div css 頁面中的ID是怎么個(gè)用法呢？ 通常我們?cè)贑SS樣式定義的時(shí)候 以“#”來開頭命名id名稱如：#css5{屬性:屬性值;} 這個(gè)也有點(diǎn)像class的定義，只是class是以小寫句號(hào)“.”開頭命名，而ID是以“#”好開頭定義。那id是怎么個(gè)用法呢？ Css里的ID用法與class用法一樣，只是把class換成id。如例子：在CSS樣式定義ID --- #css5{height:25px;width: 200px;} ,調(diào)用ID ---
接下來我們來看下完整關(guān)于CLASS和ID實(shí)例：
接下來我們分析一下以上實(shí)例：class="css5 css5_class" 怎么是這樣的？這里是相當(dāng)于調(diào)用選擇了class類css5與css5_class 。class="css5" id="css5_id" 這里同樣是選擇調(diào)用了class類 :css5和id :css5_id 。
本頁通過CSS實(shí)例與CLASS類和ID分別的講解，相信您能從此深刻認(rèn)識(shí)和區(qū)分它們并且靈活。特別注意：在命名id和class類的時(shí)候特別要注意大小寫，ID和class是對(duì)大小寫非常敏感的，最好以英文開頭，不要用中文命名CSS類名。歡迎來到DIVCSS5希望本頁對(duì)你有幫助！??
文章出處和來源網(wǎng)址：http://www.divcss5.com/rumen/r3.shtml
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1409.html
摘要：網(wǎng)頁由什么構(gòu)成英文全名百度百科層疊樣式表標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)語言表現(xiàn)標(biāo)準(zhǔn)語言在網(wǎng)頁中主要對(duì)網(wǎng)頁信息的顯示進(jìn)行控制，簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。選擇符的權(quán)重中用四位數(shù)字表示權(quán)重，權(quán)重的表達(dá)方式如，，，第一等代表內(nèi)聯(lián)樣式，如，權(quán)值為。 網(wǎng)頁由什么構(gòu)成？ 英文全名：cascading style sheets(百度百科) === cascading style sheet 層疊樣式...
摘要：網(wǎng)頁由什么構(gòu)成英文全名百度百科層疊樣式表標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)語言表現(xiàn)標(biāo)準(zhǔn)語言在網(wǎng)頁中主要對(duì)網(wǎng)頁信息的顯示進(jìn)行控制，簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。選擇符的權(quán)重中用四位數(shù)字表示權(quán)重，權(quán)重的表達(dá)方式如，，，第一等代表內(nèi)聯(lián)樣式，如，權(quán)值為。 網(wǎng)頁由什么構(gòu)成？ 英文全名：cascading style sheets(百度百科) === cascading style sheet 層疊樣式...
摘要：刪除指定的屬性，這個(gè)方法就不可以使用匿名函數(shù)，傳遞和均無效。遍歷對(duì)象數(shù)組索引，鍵，屬性名屬性值，值相當(dāng)于遍歷原生對(duì)象數(shù)組時(shí)，為元素。在使用使用時(shí)，可以使用傳入匿名函數(shù)的方法，實(shí)現(xiàn)由默認(rèn)到幾個(gè)之間的切換。 轉(zhuǎn)自個(gè)人博客 基礎(chǔ) DOM 和 和 CSS 一. 設(shè)置元素及內(nèi)容 我們通過前面所學(xué)習(xí)的各種選擇器、過濾器來得到我們想要操作的元素。這個(gè)時(shí)候，我們就可以對(duì)這些元素進(jìn)行 DOM 的操作。...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
閱讀 2153·2023-04-26 03:06
閱讀 3610·2023-04-26 01:51
閱讀 2104·2021-11-24 09:38
閱讀 2477·2021-11-17 17:00
閱讀 2343·2021-09-28 09:36
閱讀 955·2021-09-24 09:47
閱讀 2595·2019-08-30 15:54
閱讀 1570·2019-08-30 15:44
