<button id="m8a80"></button>

<strike id="m8a80"></strike>

點(diǎn)擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識(shí)百科 - 正文

詳解css的四種書寫方式介紹

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 18:52:25

詳解css的四種書寫方式介紹

詳解css的四種書寫方式介紹:優(yōu)先級(jí)：外部樣式 < 內(nèi)部樣式表 < 內(nèi)聯(lián)樣式表；優(yōu)先級(jí)，即：同名的選擇器右邊的會(huì)覆蓋左邊1.內(nèi)部樣式表<head> <style> /*內(nèi)部樣式表，一般用于覆蓋公用樣式*/ ＃headTip { color: 0xff5; } </style>&

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀詳解css的四種書寫方式介紹:優(yōu)先級(jí)：外部樣式 < 內(nèi)部樣式表 < 內(nèi)聯(lián)樣式表；優(yōu)先級(jí)，即：同名的選擇器右邊的會(huì)覆蓋左邊1.內(nèi)部樣式表<head> <style> /*內(nèi)部樣式表，一般用于覆蓋公用樣式*/ ＃headTip { color: 0xff5; } </style>&

優(yōu)先級(jí)：外部樣式 < 內(nèi)部樣式表 < 內(nèi)聯(lián)樣式表；

優(yōu)先級(jí)，即：同名的選擇器右邊的會(huì)覆蓋左邊

1.內(nèi)部樣式表

<head>
 <style>
 /*內(nèi)部樣式表，一般用于覆蓋公用樣式*/
 ＃headTip {
 color: 0xff5;
 }
 </style></head>

2.使用link標(biāo)簽，在文檔中聲明使用外接資源，最常用的一種方式。

css外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。

<head>
 <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/></head>

3.@方式，引入css,注意這個(gè)是異步加載的，在整個(gè)html加載之后才加載，會(huì)導(dǎo)致頁面閃爍。不推薦使用。

<head>
 <style>
 @import 'my-common.css'; </style></head>

4.內(nèi)聯(lián)樣式表,優(yōu)先級(jí)最高最直白，但不能復(fù)用不容易維護(hù)。

<body>
 <input type="text" style="color:0x550;font-size:30px;"/></body>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

詳解css的四種書寫方式介紹

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：方式解析四種

熱門焦點(diǎn)

詳解css的四種書寫方式介紹

詳解css的四種書寫方式介紹

詳解css的四種書寫方式介紹

最新推薦

猜你喜歡

熱門推薦