您好,登錄后才能下訂單哦!
這篇文章主要介紹了如何在頁(yè)面中引用css,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
優(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="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/> </head>
3.@方式,引入css,注意這個(gè)是異步加載的,在整個(gè)html加載之后才加載,會(huì)導(dǎo)致頁(yè)面閃爍。不推薦使用。
<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>
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享如何在頁(yè)面中引用css內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,遇到問題就找億速云,詳細(xì)的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。