首頁 > web前端 > css教學 > 在頁面中引用css有幾種方式?

在頁面中引用css有幾種方式?

云罗郡主
發布: 2018-11-23 16:05:40
轉載
3522 人瀏覽過


這篇文章帶給大家的內容是關於在頁面中引用css有幾種方式,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

優先權: 外部樣式< 內部樣式表< 內嵌樣式表;

優先權,即:同名的選擇器右邊的會覆寫左邊

1.內部樣式表

<head>
<style>
/*内部样式表,一般用于覆盖公用样式*/
#headTip {
color: 0xff5;
}
</style>
</head>
登入後複製

2.使用link標籤,在文件中宣告使用外接資源,最常用的一種方式。

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

<head>
<link href="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
登入後複製

3.@方式,引入css,注意這個是異步加載的,在整個html加載之後才加載,會導致頁面閃爍。不建議使用。

<head>
<style>
@import &#39;my-common.css&#39;;
</style>
</head>
登入後複製

4.內嵌樣式表,優先順序最高最直白,但不能重複使用不容易維護。

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

以上就是對在頁面中引用css有幾種方式的全部介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。



以上是在頁面中引用css有幾種方式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:divcss8.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板