简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

深入了解CSS級聯和繼承的使用

高洛峰
發布： 2017-03-17 10:37:07
原創
1292 人瀏覽過

 1.在HTML中使用CSS樣式表的三種方式：

（1）內聯的樣式表。

eg：LIN

（2）嵌入式樣式表。

即在<head>標籤內嵌入

#這些屬性與css規則相衝突時，總是被css規則覆蓋。

4.在規則中使用！ important

用！ important 指定的規則比其他規則都重要。

eg： em { color ：bule ！ important；}

注意：用戶首創的！ important規則優先於作者的規則。

        使用者定義的樣式表應該宣告是！ important。

5. @import規則，匯入檔案。

eg：h1 {color：red;}

##     @import url（「style.css」）;

    /*style.css*/

   h1{color：green；}

以上程式碼，最終h1為紅色。因為預設使用匯入的樣式表出現在原始樣式表規則之前。

6.

繼承

（1）注意display，border，margin，padding屬性是不繼承的。

（2）background-color不是繼承，在沒有設定時，它的預設值是特別值transparent。

（3）繼承相對值時，在傳遞給子代之前，先計算該值。

（4）指定繼承：inherit特殊值

eg：p .standout{ border :1px solid blue ;}

      p .standout{ border:inhert;}#:inhert;}

注意：css 1發行時，作者的！ important樣式優先於使用者的！ important樣式。

        css2中，使用者的！ important樣式優先於作者的！ important樣式。

以上是深入了解CSS級聯和繼承的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
css
來源：php.cn
上一篇：關於css中clear元素的深入了解 下一篇：css+div常用屬性的詳細介紹
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
WordPress 6.0 (add_editor_style) 不會在古騰堡編輯器中載入 style.css 我正在學習UdemyWordPress課程來建立自訂WordPress區塊主題。我成功在function.php中註冊了區塊類型，並且可以在古騰堡編輯器中選擇我的區塊。教學建議使用...
來自於 2023-11-12 20:37:50
0
2
261
CSS 小數前導零不適用於大數字 最近我遇到了一個問題，我建立了一個包含一百多個清單項目的有序清單。我設定了list-style:decimal-leading-zero;ol{list-style:decimal...
來自於 2023-11-07 10:35:53
0
1
236
Sass錯誤：檔案已載入：@import '~src/css/quasar.variables.scss'，'quasar/src/css/variables.sass'；src\css\quasar.variables.scss 我正在使用quasar框架，在編譯專案時遇到了上述錯誤模組建置失敗（來自./node_modules/sass-loader/dist/cjs.js）：SassError：此檔案已...
來自於 2023-11-06 21:38:55
0
1
219
如何在HTML/CSS中嵌入背景影片？ 大家好，我最近遇到了一個問題。我嘗試為我的網站設定一個影片背景，但是居中的文字一直跑到底部，我不知道為什麼，然而導航欄卻沒問題。我做了很多研究，但是找不到解決方法。對於CSS，我做...
來自於 2023-11-06 13:59:13
0
1
240
JavaScript中如何取得CSS/HTML命名顏色的RGB值 我已經建立了一個名為[name-rgb]的Javascript物件。你的基本:namedColors={AliceBlue:[240,248,255],AntiqueWhite:[...
來自於 2023-11-06 09:05:50
0
2
210
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！