溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS規(guī)則特性是什么

發(fā)布時間：2022-03-08 10:37:16 來源：億速云 閱讀：117 作者：小新 欄目：web開發(fā)

這篇文章主要介紹CSS規(guī)則特性是什么，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

繼承性：父元素的聲明可以被子元素繼承，如字體、顏色等。

層疊性：同一個元素若存在多個css規(guī)則，對于不沖突的聲明可以疊加

優(yōu)先級：同一個元素若存在多個css規(guī)則，對于沖突的聲明以優(yōu)先級高著為準。

  1.  

  2. <!DOCTYPE html>

  3. <html>

  4. <head>

  5. <meta charset="UTF-8">

  6. <title>css優(yōu)先級演示</title>

  7. <style type="text/css">

  8. /*1.繼承性：父元素的樣式可以被子元素繼承（顏色、字體）*/

  9. body{

  10. font-family:"楷體","微軟雅黑";

  11. }

  12.  

  13. /*2.層疊性：給一個元素設(shè)置不同的聲明，其效果會疊加*/

  14. h2{

  15. color:red;

  16. }

  17. h2{

  18. font-size:50px;

  19. }

  20. /*3.優(yōu)先級:給同一個元素設(shè)置相同的聲明，效果以后者為準，即就近原則*/

  21. h3{

  22. color:green;

  23. }

  24. /*.....*/

  25. h3{

  26. color:yellow;

  27. }

  28. </style>

  29. </head>

  30. <body>

  31. <h2>HELLO WORLD!</h2>

  32. <h3>你好，世界！</h3>

  33. </body>

  34. </html>

以上是“CSS規(guī)則特性是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手