三種繼承css方式

1.段內繼承

<p style="color: red;font-size:50px;">樣式原文</p>

1. 原文變成 紅色,
2. 原文字體變大

兩個都是通過改變樣式屬性的值去實現的. 語法詳解:

1.每個樣式屬性會有不同的值, "color: red" 通過冒號表達color的屬性.

2.屬性間要用分號間隔和閉合

3.font-size 屬於複合屬性

2. 文檔內繼承

    <style>        全局style 要使用<style>標簽, 設置在< head>頭部之間

    style – type    聲明css的作用類型

    p{ 樣式屬性}    p是作用域, 也可以是 <table><input> 等等的其他標簽, p只不過是一個例子

文檔內繼承會比段內繼承的優先順序低, 優先執行段內的,所以 同時<p>的樣式, 第一個原文執行了全局style, 第二個執行了段內style

1. 文檔外繼承

   1. 需要先建立一個額外的尾碼名為css文件
   2. 編輯文件,建立css 樣式

   

   1. 作用文件 引用 css文件樣式

   

   @import 疊加多層樣式. 樣式

層疊樣式: 引用的機制,使得樣式變成了一個倉庫, 想調用的時候調用, 想個性化的時候又可以在當前頁面用單獨設置.

    1.越是內層的樣式優先順序越高, 修改內層的不會影響外層要引用的.

    2.外層和∪內層樣式的總和(集合) 才是表現出來的樣式.

    3.外層∩內層, 樣式衝突(交集), 優先順序是: 段內繼承>文件內繼承>文件外繼承>標簽樣式

補充:

1.標簽樣式    優先順序最低的樣式,也就是一些標簽本來隱含的樣式, 例如<b>加粗, h1-h6 這些.

<b>本來隱含加粗的設定, 但是因為優先順序的問題, 它屬於最低級的,所以就覆蓋掉了.

2. 不繼承        樣式繼承只適用於元素的外觀(文字\顏色\字體等)

佈局樣式則不會繼承!, 如果要使用, 則需要用inherit.

<p>有邊框<b>無邊框</b>有邊框</p>

boarder        是邊框的意思.

當沒有inherit前, 無邊框部分就不會因為<p>在head聲明瞭樣式有邊框而影響到<b>裡面有1px紅色邊框

如果非要在<b>裡面也要加邊框,就要用inherit強制繼承.(如上圖)

3.head 文件內樣式順序優先

4.越級        讓文件head樣式優先於段內樣式

important    相當於點歌用了置頂功能….無恥吧