溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹css的引入方式有哪4種，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
四種引入方式：1、直接在html標簽使用style屬性引入；2、將css樣式規則寫在style標簽中；3、使用link標簽引入外部css文件；4、在style標簽中，使用“@import”規則引入外部css文件。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
一、使用style屬性： 將style屬性直接加在html標簽里。
<標簽 style="屬性1: 設定值1; 屬性2: 設定值2; ">
例如：
<td style="color:blue;font-size:9pt;font-family:'黑體';line-height:150%;">
這種用法的優點 是可靈巧應用樣式于各標簽中，但是缺點則是沒有整篇文件的『統一性』。
二、使用style標簽： 將樣式規則寫在<style>...</style>標簽之中。
<style type="text/css"> <!-- 樣式規則表 --> </style>
例如：
<style type="text/css">
<!--
BODY {
color: BLUE;
background: #FFFFCC;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt} -->
</style>通常是將整個的 <style>...</style>結構寫在網頁的<head> </head>部份之中。
這種用法的優點就是在于整篇文件的統一性，只要是有聲明的標簽即會套用該樣式規則。
缺點就是在個別標簽的靈活度不足
三、使用 LINK標簽：
將樣式規則寫在.css的樣式檔案中，再以<LINK>標簽引入。
假設我們把樣式規則存成一個example.css的檔案，我們只要在網頁中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標簽寫在網頁的<head></head>部份之中。
這種用法的優點就是在于可以把要套用相同樣式規則的數篇文件都指定到同一個樣式檔案即可。缺點也是在個別文件或標簽的靈活度不足。
四、使用@import引入： 跟LINK用法很像，但必須放在<STYLE>...</STYLE> 中。
<STYLE TYPE="text/css"> <!-- @import url(引入的樣式表的位址、路徑與檔名); --> </STYLE>
例如：
<STYLE TYPE="text/css"> <!-- @import url(http://yourweb/ example.css); --> </STYLE>
進行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實用的樣式，只需要在之間加上
進行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實用的樣式，只需要在之間加上
css是一種用來表現HTML或XML等文件樣式的計算機語言，主要是用來設計網頁的樣式，使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中，而樣式規則的優先級由css根據這個層次結構決定，從而實現級聯效果，發展至今，css不僅能裝飾網頁，也可以配合各種腳本對于網頁進行格式化。
以上是“css的引入方式有哪4種”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
