css引入樣式的三種方式的優(yōu)缺點(diǎn)

發(fā)布時(shí)間：2020-05-18 15:16:57 來(lái)源：億速云閱讀：983 作者：Leah 欄目：web開發(fā)

今天小編給大家分享的是css引入樣式的三種方式的優(yōu)缺點(diǎn)介紹，相信大部分人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，話不多說(shuō)，一起往下看吧。

1、行內(nèi)樣式

優(yōu)點(diǎn)：書寫方便，權(quán)重高

缺點(diǎn)：沒(méi)有做到結(jié)構(gòu)樣式相分離

<div style="width: 100px" height:100px></div>

2、內(nèi)部樣式

優(yōu)點(diǎn)：結(jié)構(gòu)樣式相分離

缺點(diǎn)：分離不徹底

    <style>
        div {
            color: violet;
            font-size: 16px;
        }
    </style>

3、外部樣式

優(yōu)點(diǎn)：完全實(shí)現(xiàn)結(jié)構(gòu)和樣式相分離

缺點(diǎn)：需要引入

    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- 引入公共樣式 -->
    <link rel="stylesheet" href="css/baes.css">
    <!-- 引入首頁(yè)樣式 -->
    <link rel="stylesheet" href="css/index.css">

關(guān)于css引入樣式的三種方式的優(yōu)缺點(diǎn)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果喜歡這篇文章，不如把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

css引入樣式的三種方式的優(yōu)缺點(diǎn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽