css之学习

规则

页面 — （引用） —> 样式

css样式引用方法

1. 内联式引用
2. 内部引用
3. 外部链接式引用：将样式同一定义在一个独立文件中，使用HTML的link对象来引用。
   如：style5.css

.font1{
    color:blue;
    font-size:12px;
}
.font2{
    color:blue;
    font-size:12px;
}

<link rel="stylesheet" type="text/css" href ="./style/style5.css" />

1. 外部导入式引用
   以import方式导入的样式表，在HTML文件初始化时，会被导入到HTML页面中，以作为文件的一部分。
   而链接式引用是在HTML标签需要样式时才被引入。
   导入式引用的最大用处在于可以在一个HTML文件中导入多个样式表。

<style type="text/css">
     @import url("./style/style5.css");
</style>

定义

1. 标签选择符

2. 类选择符：
   使用类选择符，可以为相同的元素分类定义不同的样式。

   • （标签.类） 和 （.类）– 更常用

3. ID选择符
   所谓ID选择符，就为某个定义的样式赋予一个唯一标识（ID），页面中可通过对该标识符ID的引用来使用相应的样式。

选择符的嵌套：

#main li {
      color:red;
}

伪类 ##