三種繼承css方式 1.段內繼承 style="color: red;font-size:50px;"#>樣式原文 #原文變成紅色, 原文字型變大 兩個都是透過改變樣式屬性的值去實現的. 語法詳解: 1.每個樣式屬性會有不同的值, "color: red" 透過冒號表達color的屬性. 2.屬性間要用分號間隔和閉合 3.font-size 屬於複合屬性 2. 文獻內繼承 ;style>標籤, 設定在< head>頭部間</p> <p> style – type 宣告css的作用型別</p> <p> p{ 樣式屬性} table><input> 等等的其他標籤, p只不過是一個例子</p> <p> <img src="https://img.php.cn/upload/article/000/000/194/c59c9ecf595563d8a3af7924fee71b15-0.png" alt=""></p> <p>文檔內繼承會比段內繼承的<a href="http://www.php.cn/code/6066.html" target="_blank">優先級</a>低, 優先執行段內的,所以同時<p>的樣式, 第一個原文執行了全域style, 第二個執行了段內style</p> <p><img src="https://img.php.cn/upload/article/000/000/194/c59c9ecf595563d8a3af7924fee71b15-1.png" alt=""></p> <p> </p> <ol class=" list-paddingleft-2"> <li> <h2>文件外繼承</h2> <p><img src="https://img.php.cn/upload/article/000/000/194/c59c9ecf595563d8a3af7924fee71b15-2.png" alt=""></p> <p> </p> <p style="margin-left: 18pt"><img src="https://img.php.cn/upload/article/000/000/194/cb2294053e938e532bfa60add831c6c4-3.png" alt=""></p> </li> <ol class=" list-paddingleft-2" style="list-style-type: lower-alpha;"> <li> <p><a href="http://www.php.cn/wiki/231.html" target="_blank"></a>#作用檔</p>引用</li> css檔樣式<li><p></p></li>需要先建立一個額外的後綴名為css檔<li><p></p></li>編輯檔案,建立css 樣式</ol> </ol>######
