當前位置:編程學習大全網 - 編程語言 - Dreamweaver CS3中新建CSS規則的選擇器類型的三類各有什麽作用?

Dreamweaver CS3中新建CSS規則的選擇器類型的三類各有什麽作用?

先列出他們的定義方式:<style> .myStyle{------類選擇器 color:red; } div{-----標簽選擇器 color:gree; } #myStyle{---------ID選擇器 color:bule; }</style> 1、類選擇器:根據類名來選擇,類名定義方式:<div class="myStyle"></div>,類選擇器的定義方式:以點開頭後面是選擇器名字——.myStyle。註明:需要定義class屬性2、標簽選擇器:根據標簽選擇,標簽選擇器是根據標簽名稱來定義的!如上面的:<div class="myStyle"></div>,在css中如果有定義div的標簽樣式,那麽他們的加載樣式的順序則是:先加載定義的標簽樣式,後加載名稱為:.myStyle的標簽樣式。註明:標簽樣式無需定義其他屬性,只要妳定義了標簽樣式,而妳的HTML代碼中又存在此標簽,即會生效。3、ID選擇器:根據ID名稱去選擇,<div id="myStyle" class="myStyle"></div>,以上說明類推,ID選擇器,顧名思義,需要定義ID屬性,並且樣式在定義時以#號開頭。,<div id="myStyle" class="myStyle"></div>,順便說下這裏的樣式加載順序:先加載定義的標簽樣式,後加載名稱為:#myStyle的ID樣式,最後才是.myStyle類樣式。我在樣式裏面設置的均是顏色,分別是紅(.myStyle中),綠(DIV的標簽樣式中),藍(#myStyle中),顏色的最終顯示結果將會是紅色,因為<div id="myStyle" class="myStyle"></div>,這段標簽中,class屬性是定義在最後的,所以顯示結果是紅色red. 4、偽類選擇器 比如說:鼠標懸停,就是屬於偽類中的壹個。 例子:a:link{ } a:hover{ } a:visted{ } link:超鏈接沒有被點擊時的樣式。 hover:鼠標懸停在超鏈接時的樣式、 visited 超鏈接被訪問過後的樣式。

  • 上一篇:雲計算平臺要如何搭建
  • 下一篇:作文( 樂山大佛的世界遺產名錄的導遊詞)
  • copyright 2024編程學習大全網