02-Css

CSS(cascading style sheets) 层叠样式表

用于页面外观美化，布局和定位

使用

内联

直接在HTML标签使用CSS样式表

<style="CSS样式">

<p style="color: red;font-size: 30px;">文字</p>

弊端：只对当前元素作用

内嵌

在HTML的head标签使用style标签，声明CSS代码域

<style type="text/css">
    p{
        color: red;
        font-size: 30px;
    }
</style>

特点：达到一定程度的复用（限本页面）

外部样式表

1、HTML文件外建CSS文件，在head标签中通过link标签引入

<link rel="stylesheet" type="text/css" href="CSS文件路径"/>

2、@import 指令导入CSS文件

<style>
    @import "CSS文件路径";
    @import url(CSS文件路径);
</style>

---

选择器

!important最高优先级

找对应元素作用效果

基础选择器

通用选择器

对页面所有元素作用

*{样式名:样式值；}

标签选择器

对所有相关标签作用

标签名{样式名:样式值；}

类选择器

使用自定义名称， . 作前缀

通过标签class属性调用

.标签名{样式名:样式值；}

ID选择器

使用自定义名称， # 作前缀

通过标签id属性调用

#标签名{

​ 样式