国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS中的class與id區(qū)別及用法

Carl / 1750人閱讀

摘要:與基本屬性及用法在程序中稱類,同時在中也書面語也叫類。在樣式中以小寫的點及來命名如屬性屬性值而在頁面里則以來選擇調用命名好的又叫選擇器。也就是說只是頁面元素的標識,供其他元素腳本等引用。

?

?

我們平常在用DIV CSS制作Xhtml網(wǎng)頁頁面時,常會用到class 和id來選擇調用CSS樣式屬性。

CLASS與ID基本屬性及用法:

Class 在程序中稱“類”,同時在CSS中也書面語也叫“類”。

在CSS樣式中以小寫的“點”及“.”來命名如: .css5{屬性:屬性值;} ,而在html頁面里則以class="css5" 來選擇調用,命名好的CSS又叫css選擇器。

如: .css5{屬性:屬性值;} 選擇器在html調用為“

我是class例子
”如果不知道怎么引用CSS,那就可以了解下css引用。

而且class(類)在同一個html網(wǎng)頁頁面可以無數(shù)次的調用相同的class類,在這里例子里則可以在對應的網(wǎng)頁里可以無數(shù)次調用選擇“css5”。

這也說明class一般是用來調用css中的預配制屬性的,比如說有一個預配制屬性為如這里的“.class01{屬性:屬性值;} ”,這樣就可以像調用函數(shù)一樣不用再一個網(wǎng)頁頁面里重復的配置一個“類”屬性,而只需要寫上一個class類選擇,就可以在同一個頁面里任何位置調用選擇具有相同的CLASS類。

ID是表示著標簽的身份,在JS腳本中會用到id,當JS要修改一個標簽的屬性時,JS會將id名作為該標簽的唯一標識進行操作。也就是說ID只是頁面元素的標識,供其他元素腳本等引用。假如你的頁面里出現(xiàn)了兩個ID那JS效果特性較出現(xiàn)邏輯錯誤不知道依據(jù)哪個ID來改變其標簽屬性。 在CSS里的ID不一定為JS而設置的,但是同樣ID在頁面里也只能出現(xiàn)一次,并且是唯一性。雖然可能我們才學DIV+CSS愛好者在一個頁面里同時調用相同的ID多次但是仍然沒有出現(xiàn)頁面混亂錯誤,但是我們?yōu)榱薟3C及各個標準我們也要遵循ID在一個頁面里唯一性。以免出現(xiàn)瀏覽器兼容問題。

Div css 頁面中的ID是怎么個用法呢? 通常我們在CSS樣式定義的時候 以“#”來開頭命名id名稱如:#css5{屬性:屬性值;} 這個也有點像class的定義,只是class是以小寫句號“.”開頭命名,而ID是以“#”好開頭定義。那id是怎么個用法呢? Css里的ID用法與class用法一樣,只是把class換成id。如例子:在CSS樣式定義ID --- #css5{height:25px;width: 200px;} ,調用ID ---

我是ID例子

接下來我們來看下完整關于CLASS和ID實例:

  1. ?>?
  2. <html?xmlns="http://www.w3.org/1999/xhtml">?
  3. <head>?
  4. <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>?
  5. <title>DIV?CSS中CLASS與ID實例?-?-DIV+CSS-www.divcss5.comtitle>?
  6. <style>?
  7. .css5{?width:100px;?height:100px;?border:1px?solid?#000;?float:left;?}?
  8. .css5_class{?background:#FFF;}?/*?背景白色?*/?
  9. #css5_id{?background:#FF0000;}?/*?背景紅色?*/?
  10. style>?
  11. head>?
  12. <body>?
  13. <div?class="css5?css5_class">我在瀏覽器下瀏覽,內容背景將是白色div>??
  14. <div?class="css5"?id="css5_id">我在瀏覽器下瀏覽,內容背景將是紅色div>??
  15. body>?
  16. html>?

接下來我們分析一下以上實例:class="css5 css5_class" 怎么是這樣的?這里是相當于調用選擇了class類css5與css5_class 。class="css5" id="css5_id" 這里同樣是選擇調用了class類 :css5和id :css5_id 。

本頁通過CSS實例與CLASS類和ID分別的講解,相信您能從此深刻認識和區(qū)分它們并且靈活。特別注意:在命名id和class類的時候特別要注意大小寫,ID和class是對大小寫非常敏感的,最好以英文開頭,不要用中文命名CSS類名。歡迎來到DIVCSS5希望本頁對你有幫助!??

文章出處和來源網(wǎng)址:http://www.divcss5.com/rumen/r3.shtml

文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1409.html

相關文章

  • 002-CSS基礎內容

    摘要:網(wǎng)頁由什么構成英文全名百度百科層疊樣式表標準中的表現(xiàn)標準語言表現(xiàn)標準語言在網(wǎng)頁中主要對網(wǎng)頁信息的顯示進行控制,簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。選擇符的權重中用四位數(shù)字表示權重,權重的表達方式如,,,第一等代表內聯(lián)樣式,如,權值為。 網(wǎng)頁由什么構成? 英文全名:cascading style sheets(百度百科) === cascading style sheet 層疊樣式...

    Tangpj 評論0 收藏0
  • 002-CSS基礎內容

    摘要:網(wǎng)頁由什么構成英文全名百度百科層疊樣式表標準中的表現(xiàn)標準語言表現(xiàn)標準語言在網(wǎng)頁中主要對網(wǎng)頁信息的顯示進行控制,簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。選擇符的權重中用四位數(shù)字表示權重,權重的表達方式如,,,第一等代表內聯(lián)樣式,如,權值為。 網(wǎng)頁由什么構成? 英文全名:cascading style sheets(百度百科) === cascading style sheet 層疊樣式...

    kidsamong 評論0 收藏0
  • jQuery入門筆記之(二)文檔對象模型

    摘要:刪除指定的屬性,這個方法就不可以使用匿名函數(shù),傳遞和均無效。遍歷對象數(shù)組索引,鍵,屬性名屬性值,值相當于遍歷原生對象數(shù)組時,為元素。在使用使用時,可以使用傳入匿名函數(shù)的方法,實現(xiàn)由默認到幾個之間的切換。 轉自個人博客 基礎 DOM 和 和 CSS 一. 設置元素及內容 我們通過前面所學習的各種選擇器、過濾器來得到我們想要操作的元素。這個時候,我們就可以對這些元素進行 DOM 的操作。...

    FleyX 評論0 收藏0
  • 前端面試題總結(js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源)

    摘要:并總結經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔,優(yōu)化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快速搭建項目。 本文是關注微信小程序的開發(fā)和面試問題,由基礎到困難循序漸進,適合面試和開發(fā)小程序。并總結vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔,優(yōu)化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快...

    li21 評論0 收藏0

發(fā)表評論

0條評論

Carl

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<