App下載

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

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

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

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

這是最為推薦的方式。當一個項目過大的話,最好吧 HTML 和 CSS 分離開來,減少代碼冗余,也方便修改和維護。

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

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

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

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

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

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

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

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

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

CSS

0 人點贊