css的三种引入方式

1.行内样式

优点：书写方便，权重高
缺点：没有做到结构样式相分离，也不利于蜘蛛爬行，后期维护不方便

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

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">

优先级

行内>内嵌>链接>导入