css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別-創(chuàng)新互聯(lián)
這篇文章主要介紹了css內(nèi)鏈?zhǔn)?、外鏈?zhǔn)胶颓度胧街g有哪些區(qū)別，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
區(qū)別：內(nèi)鏈?zhǔn)绞侵甘褂胹tyle屬性在HTML標(biāo)簽中寫(xiě)css樣式；外鏈?zhǔn)绞侵笇ss樣式單獨(dú)寫(xiě)在一個(gè)以“.css”為擴(kuò)展名的文件中，使用link標(biāo)簽引用；嵌入式使用style標(biāo)簽引用，在“”中單獨(dú)寫(xiě)css樣式。
在HTML中引用css的方法有三種：內(nèi)鏈?zhǔn)?、外鏈?zhǔn)胶颓度胧健?/p>
從功能上來(lái)說(shuō)，這3個(gè)實(shí)現(xiàn)的功能是一樣的，都能夠達(dá)到對(duì)內(nèi)容進(jìn)行排版修飾。但是，從用法上來(lái)說(shuō)，他們的使用方式是不同的，下面我們來(lái)一一區(qū)分：
（1）內(nèi)鏈?zhǔn)揭?/strong>
內(nèi)鏈?zhǔn)絚ss樣式表就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中，具體的使用方法如下面所示：
<div style="color:red;">設(shè)置文字的顏色為紅色</div>
這里要注意：樣式的內(nèi)容寫(xiě)在元素的開(kāi)始標(biāo)簽里，并且css樣式代碼要寫(xiě)在雙引號(hào)中，如果有多條css樣式代碼設(shè)置可以寫(xiě)在一起，中間用分號(hào)隔開(kāi)。多個(gè)css樣式寫(xiě)在一起的效果如下面所示：
<div style="color:red;font-size:14px;">>設(shè)置字體顏色為紅色，并且字體大小為14px</div>
（2）嵌入式引入
嵌入式樣式表與內(nèi)鏈?zhǔn)讲煌氖强梢院芊奖愕耐瑫r(shí)修改多個(gè)相同元素的樣式屬性，比如我們想要將某個(gè)標(biāo)簽內(nèi)的內(nèi)容字體都調(diào)整為紅色，并且加粗，字體大小都調(diào)整為14px；
我們?nèi)绻褂脙?nèi)鏈?zhǔn)降姆绞剑覀冃枰诿總€(gè)標(biāo)簽上都要加上樣式，代碼就如下圖所示：
從上邊可以看出，內(nèi)鏈?zhǔn)綍?huì)產(chǎn)生一堆的冗余代碼，而使用我們的嵌入式就比較簡(jiǎn)單了，代碼如下圖所示：
由上圖可以看出，嵌入式我們只需要修改span標(biāo)簽，那么所有的span標(biāo)簽內(nèi)內(nèi)容的樣式都會(huì)跟著修改。
（3）外部式引入
外部式css樣式就是把css代碼寫(xiě)一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以“.css”為擴(kuò)展名，一般放在<head>內(nèi)（不是在<style>標(biāo)簽內(nèi)）使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)。
使用語(yǔ)法：
<link href="style.css" rel="stylesheet" type="text/css" />
詳細(xì)講解：
1、href=""內(nèi)部的就為css文件的地址一般以英文命名，比如 base.css或者style.css等等。
2、rel="stylesheet" type="text/css" 這是w3c的標(biāo)準(zhǔn)，固定寫(xiě)法不可修改。
3、<link>標(biāo)簽位置一般寫(xiě)在<head>標(biāo)簽之內(nèi)。
我們?cè)?a href="http://aaarwkj.com/" target="_blank">網(wǎng)站建設(shè)中，一般都會(huì)使用外部式寫(xiě)法，一來(lái)可以做到代碼分離，有助于后期的修改維護(hù)；二來(lái)可以減少頁(yè)面代碼的冗余，有助于優(yōu)化。具體的頁(yè)面代碼就如下圖所示：
我們以上三種寫(xiě)法，最后所得到的結(jié)果都是一樣的，在網(wǎng)頁(yè)中呈現(xiàn)的效果都如下圖所示：
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css內(nèi)鏈?zhǔn)?、外鏈?zhǔn)胶颓度胧街g有哪些區(qū)別內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!
網(wǎng)站名稱(chēng)：css內(nèi)鏈?zhǔn)?、外鏈?zhǔn)胶颓度胧街g有哪些區(qū)別-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)于：http://aaarwkj.com/article26/jdicg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、小程序開(kāi)發(fā)、電子商務(wù)、面包屑導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 怎么在IDEA中設(shè)置JVM可分配內(nèi)存的大小-創(chuàng)新互聯(lián)
- 怎么解決PHP生成的XML以FLASH獲取為亂碼的問(wèn)題-創(chuàng)新互聯(lián)
- 如理解CSS屬性中的word-break與word-wrap-創(chuàng)新互聯(lián)
- numpy中FancyIndexing和array區(qū)別是什么？-創(chuàng)新互聯(lián)
- C++vector的常見(jiàn)用法詳解（超詳細(xì)）\(^o^)/~-創(chuàng)新互聯(lián)
- 使用Go語(yǔ)言實(shí)現(xiàn)IP段范圍校驗(yàn)的方法-創(chuàng)新互聯(lián)
- 安裝php7.0.5的方法是什么-創(chuàng)新互聯(lián)
- 企業(yè)網(wǎng)站制作初期如何來(lái)規(guī)劃網(wǎng)站的功能性 2016-09-18
- 企業(yè)網(wǎng)站制作行業(yè)風(fēng)險(xiǎn)控制 2021-08-13
- 影響企業(yè)網(wǎng)站制作的五個(gè)因素 2021-10-18
- 企業(yè)網(wǎng)站制作需要遵循哪些原則？ 2016-11-09
- 企業(yè)網(wǎng)站制作客戶(hù)設(shè)際鄒工業(yè)設(shè)計(jì)公司陳總評(píng)價(jià) 2021-09-10
- 企業(yè)網(wǎng)站制作 2016-12-03
- 企業(yè)網(wǎng)站制作怎么才能被快速收錄 2020-12-10
- 企業(yè)網(wǎng)站制作的現(xiàn)狀 2021-11-26
- 企業(yè)網(wǎng)站制作創(chuàng)新互聯(lián)帶給你專(zhuān)業(yè)的服務(wù) 2021-12-08
- 企業(yè)網(wǎng)站制作有沒(méi)有效果并不是由某一個(gè)因素單一決定的 2022-05-17
- 淺析企業(yè)網(wǎng)站制作時(shí)需要考慮SEO嗎？ 2016-10-31
- 企業(yè)網(wǎng)站制作容易被忽視的五大素 2022-08-12