欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別

這篇文章主要介紹了css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、成都做網(wǎng)站與策劃設(shè)計(jì),九原網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:九原等地區(qū)。九原做網(wǎng)站價(jià)格咨詢:13518219792

區(qū)別:內(nèi)鏈?zhǔn)绞侵甘褂胹tyle屬性在HTML標(biāo)簽中寫css樣式;外鏈式是指將css樣式單獨(dú)寫在一個(gè)以“.css”為擴(kuò)展名的文件中,使用link標(biāo)簽引用;嵌入式使用style標(biāo)簽引用,在“”中單獨(dú)寫css樣式。

在HTML中引用css的方法有三種:內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧健?/p>

從功能上來說,這3個(gè)實(shí)現(xiàn)的功能是一樣的,都能夠達(dá)到對內(nèi)容進(jìn)行排版修飾。但是,從用法上來說,他們的使用方式是不同的,下面我們來一一區(qū)分:

(1)內(nèi)鏈?zhǔn)揭?/strong>

內(nèi)鏈?zhǔn)絚ss樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中,具體的使用方法如下面所示:

<div style="color:red;">設(shè)置文字的顏色為紅色</div>

這里要注意:樣式的內(nèi)容寫在元素的開始標(biāo)簽里,并且css樣式代碼要寫在雙引號中,如果有多條css樣式代碼設(shè)置可以寫在一起,中間用分號隔開。多個(gè)css樣式寫在一起的效果如下面所示:

<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)簽上都要加上樣式,代碼就如下圖所示:

css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別

從上邊可以看出,內(nèi)鏈?zhǔn)綍a(chǎn)生一堆的冗余代碼,而使用我們的嵌入式就比較簡單了,代碼如下圖所示:

css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別

由上圖可以看出,嵌入式我們只需要修改span標(biāo)簽,那么所有的span標(biāo)簽內(nèi)內(nèi)容的樣式都會跟著修改。

(3)外部式引入

外部式css樣式就是把css代碼寫一個(gè)單獨(dú)的外部文件中,這個(gè)css樣式文件以“.css”為擴(kuò)展名,一般放在<head>內(nèi)(不是在<style>標(biāo)簽內(nèi))使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)。

使用語法:

<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),固定寫法不可修改。

3、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)。

我們在網(wǎng)站建設(shè)中,一般都會使用外部式寫法,一來可以做到代碼分離,有助于后期的修改維護(hù);二來可以減少頁面代碼的冗余,有助于優(yōu)化。具體的頁面代碼就如下圖所示:

我們以上三種寫法,最后所得到的結(jié)果都是一樣的,在網(wǎng)頁中呈現(xiàn)的效果都如下圖所示:

css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別內(nèi)容對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!

新聞名稱:css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別
分享地址:http://www.chinadenli.net/article4/jogooe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站全網(wǎng)營銷推廣虛擬主機(jī)網(wǎng)站維護(hù)網(wǎng)站改版品牌網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)