溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下CSS文件中有多少種引入方式，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
CSS引入方式-行內式
通過 style這個標簽屬性,將css鍵值對直接寫入標簽內
<p style="width: 100px;height: 100px;background: red;"></p> <!--注釋:這段代碼描述的是一個寬高為100px，背景為紅色的容器-->
css引入方式-內嵌式（嵌入式）
使用style標簽將css屬性名和屬性值引入到html頁面中,通常style標簽放置在head標簽中。為什么css樣式要放置在head標簽中呢,因為代碼從上到下執行,如果先加載結構,那么用戶看到的就將是干巴巴的內容,而沒有通過美化,而先加載樣式后加載結構,就相當于孩子出生就是穿著衣服的！
<head>
<style type="text/css">
p{
width: 100px;height: 100px;background: red;
}
</style>
</head>以上代碼描述的也是一個寬高為100px，背景為紅色的容器，只不過是通過內嵌式引入的!
css引入方式之外鏈式
通過link標簽將獨立的css文件引入到html頁面中
<link rel="stylesheet" type="text/css" href="./style.css">
rel="stylesheet"描述了當前頁面與href所指定的文檔的關系，即說明的是href鏈接的文檔是一個新式表,type="text/css"是指定MINME類型,也就是css文檔。href="./style.css"規定被鏈接文檔的位置
css引入方式之導入式
<style type="text/css">
@import url("style.css");
</style>通過@import url引入一個獨立的CSS文件,url("style.css")規定被鏈接文檔的位置
看完了這篇文章，相信你對“CSS文件中有多少種引入方式”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
