<form id="ddzdh"><form id="ddzdh"><nobr id="ddzdh"></nobr></form></form>

        <address id="ddzdh"><nobr id="ddzdh"></nobr></address>

              歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
              您的位置:DIVCSS5首頁 > DIV+CSS基礎 >

              CSS IDCSS CLASS

              前面我們介紹過了id與class區別,接下來再簡單介紹CSS id與CSS class區別與用法。

              CSS id - css class
              id與class對應圖

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

              id 選擇器以 "#" 來定義,命名CSS選擇器。
              定義命名css id選擇器例子:
              #yangshi1{color:#F00;}定義紅色www.yfzzdoors.com實例
              #yangshi2{color:#0F0;}定義綠色

              對應html中div引用
              <div id="yangshi1">我顏色為紅色</div>
              <div id="yangshi2">我顏色為綠色</div>

              一個div標簽的定義只能使用一個id如:
              <div id="yangshi1" id="yangshi2">www.divcss5測試內容</div>

              <div id="yangshi1 yangshi2">www.divcss5測試內容</div>
              兩個都是不正確的,并且CSS樣式屬性也不能生效- 成為CSS 失效之一。

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

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

              對應html中div+css引用:

              1. <div class="yangshi1">我顏色為紅色</div> 
              2. <div class="yangshi2">www.yfzzdoors.com我字體大小為28px</div> 
              3. <div class="yangshi1 yangshi2">我顏色為紅色文字大小為28px</div> 

              以上即是“yangshi1”“yangshi2”類的正確使用方法

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

              以下為錯誤的css類使用方法:
              <div class="yangshi1" class=" yangshi2">我將無效</div>
              這樣的引用方法即是錯誤的引用方法,同樣可以得出一個div標簽內只能出現一個"class=",如果出現多個css類要應用到一個div標簽內,即可以使用<div class="yangshi1 yangshi2">來表達。
              一個div標簽內運用id和class是可以的:
              .yangshi1{... ...}
              #yangshi2{... ...}
              .yangshi3{... ...}
              <div class="yangshi1" id="yangshi2">這樣是可以的也是正確的.
              <div class="yangshi1 yangshi3" id="yangshi2">同樣是正確的可取的。

              總結:
              本文分別從知識點到實例講解了div css中id和class的運用、需要注意地方、正確運用引用方法。通過divcss5中css實例方式正確與錯誤運用css id和css class讓大家能掌握css 基礎知識點。

              擴展知識如何選擇class與id

              如需轉載,請注明文章出處和來源網址:http://www.yfzzdoors.com/rumen/r117.shtml

              如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
              CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
              本文www.yfzzdoors.com DIVCSS5版權所有。

              人妻AV乱片AV,A∨天堂网在线观看免费,希崎杰西卡亚洲精品中文字幕

                  <form id="ddzdh"><form id="ddzdh"><nobr id="ddzdh"></nobr></form></form>

                    <address id="ddzdh"><nobr id="ddzdh"></nobr></address>