- 1PS提示：因?yàn)閳D層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號(hào)大全
- 4ACDsee注冊(cè)碼免費(fèi)分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊(cè)不了|Potato不能注冊(cè)處理方法介紹
- 8最新的Adobe Illustrator CS4序列號(hào)大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對(duì)方是否已經(jīng)查看
- 11XP系統(tǒng)怎么清除緩存？
- 12AMD推土機(jī)架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊(cè)碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> html如何引入css文件？HTML引入外部css文件的4種方法
html如何引入css文件？HTML引入外部css文件的4種方法
發(fā)表時(shí)間：2023-08-31 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]在學(xué)習(xí)前端的時(shí)候，我們應(yīng)該知道css給html標(biāo)記添加各種樣式，用來告訴瀏覽器，因該如何顯示這些標(biāo)記里面的內(nèi)容。既然css是用來給html添加各種樣式的，那么，html中如何引入外部的css文呢？本篇文章將給大家來介紹關(guān)于html引入css文件的四種方法，下面我們就來看看具體的內(nèi)容。1、html引...
在學(xué)習(xí)前端的時(shí)候，我們應(yīng)該知道css給html標(biāo)記添加各種樣式，用來告訴瀏覽器，因該如何顯示這些標(biāo)記里面的內(nèi)容。既然css是用來給html添加各種樣式的，那么，html中如何引入外部的css文呢？本篇文章將給大家來介紹關(guān)于html引入css文件的四種方法，下面我們就來看看具體的內(nèi)容。1、html引入css文件之直接在div中使用css樣式制作div+css網(wǎng)頁
<div style="border:1px red solid;">html引入css文件</div>
說明：html引入css文件的這種方法不建議使用，因?yàn)闀?huì)讓頁面的標(biāo)簽很多，看起來很累贅，體現(xiàn)不了css的優(yōu)勢(shì)，當(dāng)然如果你非常想用這種方法，在不經(jīng)常更改的地方可以用一用，但是還是不推薦。
2、html引入css文件之html中使用style自帶式
直接在header 里面寫css
<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>說明：html引入css文件的這種方法適合在頁面較少的情況下使用。優(yōu)點(diǎn)：速度
快，所有的css控制都是針對(duì)本頁面標(biāo)簽的，沒有多余的css命令；再者不用外鏈css文件。直接在html文檔中讀取樣式。缺點(diǎn)如果頁面較多改版會(huì)很麻煩，單個(gè)頁
面顯得臃腫，css不能被其他html引用造成代碼量相對(duì)較多，維護(hù)也麻煩些。但是采用這種方法的公司大多有錢，對(duì)他們來說用戶量是關(guān)鍵，他們不缺人進(jìn)
行復(fù)雜的維護(hù)工作。
3、html引入css文件之使用@import引用外部CSS文件
將一個(gè)獨(dú)立的.css文件引入HTML文件中，導(dǎo)入式使用css規(guī)則引入外部css文件，<style>標(biāo)記也是寫在<head>標(biāo)記中，使用的語法如下：
<style type="text/css">
@import"mystyle.css"; 此處要注意.css文件的路徑
</style>4、html引入css文件之使用link引用外部CSS文件
在網(wǎng)頁的<head></head>標(biāo)簽對(duì)中使用<link>標(biāo)記來引入外部樣式表文件，使用html規(guī)則引入外部css。
<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
說明：html引入css文件的這種方法就不需要style標(biāo)簽，而是直接通過link一個(gè)樣式來引用外部樣式，推薦使用link來引用外部的css樣式方法。
以上就是給大家介紹的四種html引入外部css文件的四種方法，更多關(guān)于html和css的內(nèi)容可以關(guān)注php中文網(wǎng)。
以上就是html如何引入css文件？HTML引入外部css文件的四種方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：html如何引入css文件？HTML引入外部css文件的4種辦法
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1免費(fèi)4組愛奇藝會(huì)員賬號(hào)密碼分享（2017.5.12）
- 2最新2組騰訊視頻vip賬號(hào)共享（2017.5.12）
- 3最新6組愛奇藝會(huì)員賬號(hào)共享（2017.5.11）
- 4免費(fèi)2組騰訊視頻vip賬號(hào)共享（2017.5.11）
- 5最新6組愛奇藝會(huì)員賬號(hào)共享（2017.5.9）
- 6免費(fèi)4組騰訊視頻vip賬號(hào)共享（2017.5.9）
- 7愛奇藝會(huì)員如何取消自動(dòng)續(xù)費(fèi)技巧？
- 8很方是什么意思？網(wǎng)絡(luò)流行語“很方”詞語解釋
- 9優(yōu)酷會(huì)員共享一人一號(hào)不掉線
- 10優(yōu)酷會(huì)員免費(fèi)領(lǐng)取7天如何領(lǐng)取？
- 11為什么愛奇藝播放不了？愛奇藝播放不了的處理方法
- 12戰(zhàn)旗TV主播公布直播的圖文說明教程
- 1支付寶不能交水電費(fèi)了嗎 支付寶為什么不能交水電費(fèi)了
- 2人人車怎么收費(fèi) 人人車收費(fèi)規(guī)范
- 3華為pay與微信支付哪一個(gè)好 微信支付與huawei pay比較區(qū)別
- 4平板電腦wifi無線網(wǎng)絡(luò)設(shè)置圖文說明教程【圖文詳細(xì)說明】
- 5百度專車怎么收費(fèi) 百度專車收費(fèi)規(guī)范介紹
- 6微信怎么投訴微商賣家 微信怎么投訴才能讓對(duì)方封號(hào)
- 7ios9 bug隱藏?zé)o用應(yīng)用方法
- 8獵豹瀏覽器搶票不受12306新版驗(yàn)證碼影響
- 93星版iphone6s與臺(tái)積電版iphone6s續(xù)航哪一個(gè)好
- 10寧夏銀行手機(jī)銀行怎么開通 寧夏銀行手機(jī)銀行開通圖文說明教程
- 11酷狗怎么設(shè)置伴唱并錄音 酷狗伴唱設(shè)置圖文說明教程
- 12iPad Apple store下載速度太慢：更改DNS為你的Apple store加速
相關(guān)文章
- 分享查看頁面源代碼的4種方法
- html如何設(shè)置超鏈接字體顏色？html設(shè)置超鏈接字體顏色的方法
- 常用HTML代碼大全（入門者必備）
- Bootstrap是什么，有什么特點(diǎn)？
- 什么是HTML語義化？html語義化的好處（總結(jié)）
- 分享div+css前端命名的規(guī)則
- CSRF是什么？CSRF的危害以及防備方法
- 什么是http，http請(qǐng)求方式與傳遞數(shù)據(jù)分類是什么？
- html中position有哪一些用法？position的用法說明
- HTML如何設(shè)置字體顏色？html字體顏色設(shè)置的3種方法
- html5與傳統(tǒng)html的區(qū)別，有哪一些新增的與廢除的元素？
- 服務(wù)器上webpack打包的過時(shí)hash文件如何進(jìn)行清理
