CSS1、css介绍 .css 作用: 实现了内容与表现的分离，提高了代码的可重用性和可维护性 2、引入css的方式 3

层叠样式表级联样式表简称样式表

作用: 实现了内容与表现的分离，提高了代码的可重用性和可维护性

1）行内样式内联样式只对当前元素生效

<div style="css样式"></div>

2）内部样式只对当前页面生效

<head>
    <style>
        选择器{
            属性:属性值;
              }
    </style>
</head>

3）外部样式实现了内容与表现的分离，提高了代码的可重用性和可维护性

<head>
    <link rel="stylesheet" href=""/>
</head>

4）导入式

<head>
        <style>
                @import "";
        </style>
</head>

<link rel="icon" href = "图标路径" />

行内样式 > 内部样式 = 外部样式

小知识

行内>id选择器>类选择器>标签
1000>100>10>1

权重可叠加三个类名高于两个类名

.father .son .grandson{
    background-color: blue;
}
.father  .grandson{
    background-color: red;
}

类名grandson元素的背景颜色最后是蓝色

CSS