App下載

CSS怎么調(diào)用?三種方法調(diào)用CSS

猿友 2021-05-21 17:58:16 瀏覽數(shù) (5597)
反饋

HTML 文件中怎么調(diào)用 CSS 樣式呢。這篇文章告訴你三種方法。

外部樣式表調(diào)用

這是最為推薦的方式。當(dāng)一個(gè)項(xiàng)目過大的話,最好吧 HTML 和 CSS 分離開來,減少代碼冗余,也方便修改和維護(hù)。

導(dǎo)入外部樣式表需要在<head></head>標(biāo)簽內(nèi)使用單標(biāo)簽?<link>?來導(dǎo)入。具體使用方法如下:

<link rel="stylesheet" type="text/css" href="樣式表路徑">

內(nèi)部樣式表調(diào)用

如果網(wǎng)頁不需要設(shè)置很多樣式的話,可以直接使用內(nèi)部樣式表。通過在?<head></head>?標(biāo)簽內(nèi)引用?<script></script>?標(biāo)簽來定義內(nèi)部樣式表。具體使用效果如下:

<head>
    <style type="text/css">
	body{
            margin:0;
            padding:0;
        }
	</style>
</head>

內(nèi)聯(lián)樣式表調(diào)用

如果我們想直接在某個(gè)標(biāo)簽上設(shè)定樣式的話,可以直接使用內(nèi)聯(lián)樣式表。具體使用方法如下:

<p style="color:red;">內(nèi)聯(lián)樣式設(shè)置文字為紅色</p>

以上就是文章“CSS 怎么調(diào)用?三種方法調(diào)用 CSS”的全部?jī)?nèi)容。想要了解更多 CSS 資料,請(qǐng)前往 w3cschool。

CSS

0 人點(diǎn)贊