應(yīng)用,一定要應(yīng)用

          BlogJava 首頁 新隨筆 聯(lián)系 聚合 管理
            25 Posts :: 0 Stories :: 118 Comments :: 0 Trackbacks

          常用鏈接

          留言簿(15)

          隨筆分類

          隨筆檔案

          搜索/全文檢索

          短信/彩信/sms/mms

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          ???最近做網(wǎng)頁的時候無意中發(fā)現(xiàn)一個有意思的問題,只在Ie中測試過,不知道在firefox中有什么現(xiàn)象。
          先定義樣式表:
          <STYLE>
          DIV .head1
          {
          ?background-color: yellow;
          }

          DIV.head2
          {
          ?background-color: red;
          }

          </STYLE>


          展現(xiàn)樣式:

          <div class="head1">div1</div>
          <span class="head1">span1</span>
          <div class="head2">div1</div>
          <span class="head2">span1</span>

          div1
          span1
          div1
          span1

          測試head1 與head2的區(qū)別

          <div>
          <div class="head1">div2</div>
          <span class="head1">span2</span>
          </div>

          div2
          span2

          <p>
          <div class="head1">div2</div>
          <span class="head1">span2</span>
          </p>

          div2
          span2




          總結(jié):
          ?head1樣式和head2樣式的主要區(qū)別就是中間多了一個空格。?感覺像是head1樣式是指在div內(nèi)部適用的樣式;?head2樣式是應(yīng)用于div元素上的樣式;

          另:由于博客上的編輯器自動在style之間增加了cdata角標(biāo),導(dǎo)致我的效果無法顯示,head1的效果我是通過設(shè)置背景色完成的,有興趣的朋友可以把那幾段代碼拷出來存成一個文件,就可以看到效果。

          請高手指教。

          posted on 2006-11-02 13:14 flyffa 閱讀(3058) 評論(7)  編輯  收藏 所屬分類: css/層疊樣式表

          Feedback

          # re: 【CSS】樣式表中的類定義 2006-11-02 14:06 fef
          下面四個為新開設(shè)的四個群,目前應(yīng)該很輕松可以加入。
          32141620 32141532 32141620 32141688 32141736 32141532
          米鼠網(wǎng)的論壇也很有特色,所有發(fā)帖均有無一不漏均可以得到解答可見論壇里是高手如云啊!!!
          米鼠網(wǎng)的論壇地址是:www.huazimc.com  回復(fù)  更多評論
            

          # re: 【CSS】樣式表中的類定義 2006-11-02 23:03 Tin
          這很簡單:
          這就是css selector語法。
          DIV .head1的意思是對在div標(biāo)簽下的所有class為head1的元素里面應(yīng)用下面規(guī)則。你可以理解為DIV.*.head1。
          DIV.head2的意思是對class為head2的div進行定義。  回復(fù)  更多評論
            

          # re: 【CSS】樣式表中的類定義 2006-11-03 13:06 rock [匿名]
          不錯,長見識了  回復(fù)  更多評論
            

          # re: 【CSS】樣式表中的類定義 2006-11-03 13:13 flyffa
          @Tin
          多謝指教,我還真沒查到這個部分的幫助,多謝了  回復(fù)  更多評論
            

          # re: 【CSS】樣式表中的類定義 2006-11-03 13:13 flyffa
          @rock [匿名]
          呵呵,我也是
            回復(fù)  更多評論
            

          # re: 【CSS】樣式表中的類定義 2009-03-08 12:41 bjinner
          二樓回答的不錯,css選擇器,全局應(yīng)用  回復(fù)  更多評論
            

          # re: 【CSS】樣式表中的類定義 2012-04-06 18:13 12346
          真的很好呢,看了感覺一下子明白了好多  回復(fù)  更多評論
            


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 高要市| 上饶市| 长兴县| 德庆县| 封丘县| 保亭| 武平县| 镇远县| 五大连池市| 石渠县| 开原市| 武夷山市| 隆安县| 阳西县| 萨迦县| 顺平县| 河津市| 巴林左旗| 乌鲁木齐市| 浮梁县| 政和县| 吉木乃县| 河津市| 南部县| 濮阳市| 香港| 岳池县| 丰县| 改则县| 定远县| 精河县| 襄城县| 军事| 兰溪市| 广南县| 米脂县| 永定县| 大余县| 兴山县| 东阿县| 雷山县|