css樣式引入方式的優缺點對比

1、行內樣式

優點：書寫方便，權重高

缺點：沒有做到結構樣式相分離

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

（影片教學建議：css影片）

2、內部樣式

#優點：結構樣式相分離

缺點：分離不徹底

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

3、外部樣式

優點：完全實作結構和樣式相分離

#缺點：需要引入

    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/baes.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">

推薦教學：CSS入門基礎教程

以上是css樣式引入方式的優缺點對比的詳細內容。更多資訊請關注PHP中文網其他相關文章！