- 資訊首頁(yè) > 開(kāi)發(fā)技術(shù) > web開(kāi)發(fā) >
- 如何在head區域引入css
本篇內容介紹了“如何在head區域引入css”的有關(guān)知識,在實(shí)際案例的操作過(guò)程中,不少人都會(huì )遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學(xué)有所成!
引入方法:1、使用style標簽引入,語(yǔ)法“<style>css代碼</style> ”;2、使用link引入,語(yǔ)法“<link rel="stylesheet" type="text/css" href="css文件路徑" />”。
本教程操作環(huán)境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
在head區域引入css有兩種方法:
內部樣式表--用style標簽定義
外部樣式表--用link標簽引入
1、內部樣式表--用style標簽定義
將css代碼集中寫(xiě)在HTML文檔的head頭部標簽中,并且用style標簽定義,其基本語(yǔ)法格式如下:
<head> <style type="text/css"> css代碼 </style> </head>
語(yǔ)法中,style標簽一般位于head標簽之后,也可以把它放在HTML文檔中的任何地方。
css代碼的一般格式:
css選擇器{ 屬性:值; 屬性:值; ..... }
2、外部樣式表--用link標簽引入
將所有的樣式放在一個(gè)或多個(gè)以CSS為擴展名的外部樣式表文件中,通過(guò)link標簽將外部樣式鏈接到HTML文檔中,其基本語(yǔ)法格式如下:
<link rel="stylesheet" type="text/css" href="css文件路徑" />
rel屬性:定義當前文檔與別鏈接文檔之間的關(guān)系,"stylesheet"表示:被鏈接的文檔是一個(gè)樣式表文件
href屬性:定義所鏈接的外部樣式表文件的URL,可以是相對路徑,也可以是絕對路徑
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng )、來(lái)自互聯(lián)網(wǎng)轉載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權請聯(lián)系站長(cháng)郵箱:ts@56dr.com進(jìn)行舉報,并提供相關(guān)證據,一經(jīng)查實(shí),將立刻刪除涉嫌侵權內容。
Copyright ? 2009-2021 56dr.com. All Rights Reserved. 特網(wǎng)科技 版權所有 珠海市特網(wǎng)科技有限公司 粵ICP備16109289號
域名注冊服務(wù)機構:阿里云計算有限公司(萬(wàn)網(wǎng)) 域名服務(wù)機構:煙臺帝思普網(wǎng)絡(luò )科技有限公司(DNSPod) CDN服務(wù):阿里云計算有限公司 中國互聯(lián)網(wǎng)舉報中心 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證B2 建議您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流瀏覽器瀏覽本網(wǎng)站