溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了web開(kāi)發(fā)中寫(xiě)css的位置有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
1.行內(nèi)樣式，最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""。2.內(nèi)嵌樣式，就是將CSS代碼寫(xiě)在之間，并且用
進(jìn)行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在之間加上
寫(xiě)css的位置：1、作為行內(nèi)樣式，寫(xiě)在HTML標(biāo)簽的style屬性中；2、作為內(nèi)嵌樣式，寫(xiě)在head標(biāo)簽的style標(biāo)簽中；3、作為外聯(lián)樣式，寫(xiě)在單獨(dú)的“.css”文件中，使用link標(biāo)簽或“@import”規(guī)則引入到HTML中。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css樣式有三種：內(nèi)嵌CSS樣式、行內(nèi)CSS樣式、外部CSS樣式（外聯(lián)樣式）。
1、行內(nèi)CSS樣式
在HTML的標(biāo)簽中使用style屬性來(lái)設(shè)置css樣式
格式：
<html標(biāo)簽 style="屬性:值;屬性:值;....">被修飾的內(nèi)容</html標(biāo)簽>
例：
<html> <head> <titile></title> </head> <body> <div style="width="100px" height="100px""></div> </body> </html>
特點(diǎn)：僅作用于本標(biāo)簽。
2、內(nèi)嵌CSS樣式
在head標(biāo)簽中使用style標(biāo)簽來(lái)設(shè)置css樣式
格式：
<style type="text/css"> ....css樣式代碼 </style>
例：
<html>
<head>
<titile></title>
<style type="text/css">
//在這里寫(xiě)CSS代碼
bdoy{font-size:14px;}
</style>
</head>
<body>
</body>
</html>特點(diǎn)：作用于當(dāng)前整個(gè)頁(yè)面
3、外部CSS樣式（外聯(lián)樣式）
將css代碼寫(xiě)在一個(gè)單獨(dú)的“.css”文件中
用link標(biāo)簽或@import引入該文件到頁(yè)面中
例：
<html> <head> <titile></title> <link rel="stylesheet" href="要引入的CSS文檔位置" > </head> <body> </body> </html>
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“web開(kāi)發(fā)中寫(xiě)css的位置有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼