日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

CSS的注释与继承

發布時間:2025/3/20 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 CSS的注释与继承 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

CSS的注釋與繼承


? ? ? ? ? CSS的注釋

? ? ? ? ??CSS代碼和其他編程語言都一樣,養成良好的習慣對提高代碼的可讀性,以及后期的維護都非常的重要。

? ? ? ? ??CSS中注釋語句位于/*和*/之間,內容可以是單行注釋,也可以是多行注釋。


<span style="font-size:24px;">/*this is a CSS1 comment*/ /*this is a CSS2 comment,and it can be several lines long without any problem whatsoever*/</span>

? ? ? ? ??在<style>之間加上<!--和-->將CSS包含其中,是因為避免老式瀏覽器不支持CSS,直接將CSS代碼顯示在瀏覽器上。


? ? ? ? ??CSS的繼承

? ? ? ? ??CSS中的繼承并不是像C++或者是Java中的繼承,就是將各個HTML標記看作是一個個容器,其中被包含的小容器會繼承包含它的大容器的風格樣式。

? ? ? ? ??父子關系,所有的CSS語句都是基于各個標記之間的父子關系的。


<span style="font-size:24px;"><html><head><title>父子關系</title><base target="_blank"><style><!--h1{color:red;text-decoration:underline;}h1 em{color:#004400;font-size:40px;}</style></head><body><h1>祖國的首都<em>北京</em></h1><p>歡迎來到祖國的首都<em>北京</em>,這里是全國<strong>政治、<a href="economic.html"><em>經濟</em></a>、文化</strong>的中心</p><ul><li>在這里,你可以<ul><li>感受大自然的美麗</li><li>體驗生活的節奏</li><li>領略首都的激情與活力</li></ul></li><li>你還可以:<ol><li>去八達嶺爬長城</li><li>去香山看紅葉</li><li>去王府井逛夜市</li></ol></li></ul><p>如果您有任何問題,歡迎<a herf="contactus">聯系我們</a></p></body> </html></span>



? ? ? ? ??CSS繼承是指,子標記會繼承父標記的所有樣式風格,并可以在父標記樣式風格的基礎上加以修改,產生新的樣式,并且,子標記的樣式風格完全不會影響父標記。


<span style="font-size:24px;"><html><head><title>父子關系</title><style><!--.li1{color:red;}.li2{color:blue;}--></style></head><body><ul><li class="li1">關系1<ul><li>頁面父子關系復雜時</li><li>頁面父子關系復雜時</li><li>這里省略20個嵌套……</li></ul><ol><li>頁面父子關系復雜時</li><li>頁面父子關系復雜時</li><li>這里省略20個嵌套……</li></ol></li><li class="li2">關系2<ul><li>頁面父子關系復雜時</li><li>頁面父子關系復雜時</li><li>這里省略20個嵌套……</li></ul><ol><li>頁面父子關系復雜時</li><li>頁面父子關系復雜時</li><li>這里省略20個嵌套……</li></ol></li></ul></body> </html> </span>

? ? ? ? ??CSS繼承一直貫穿整個CSS設計的始終,每個標記都遵循著CSS繼承的概念,可以大大的減少代碼編寫量,提高可讀性。


總結

以上是生活随笔為你收集整理的CSS的注释与继承的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。