在頁面中引用css的方式有哪些

發(fā)布時間：2022-03-10 15:05:41 來源：億速云閱讀：127 作者：iii 欄目：web開發(fā)

本篇內(nèi)容主要講解“在頁面中引用css的方式有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“在頁面中引用css的方式有哪些”吧!

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

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

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

　　<head>

　　<style>

　　/*內(nèi)部樣式表，一般用于覆蓋公用樣式*/

　?。eadTip{

　　color:0xff5;

　　}

　　</style>

　　</head>

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

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

　　<head>

　　<linkhref="./divcss8.css"rel="stylesheet"media="screen"type="text/css"/>

　　</head>

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

　　<head>

　　<style>

　　@import'my-common.css';

　　</style>

　　</head>

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

　　<body>

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

　　</body>

到此，相信大家對“在頁面中引用css的方式有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

猜你喜歡