2020.0319知识总结

知识总结：

1：css样式表：
内部样式表：
外部样式表：创建一个后缀名为.css的文件，外部样式表导入：
第一种： rel=”stylesheet” 建立关联性
第二种：

内联样式表:
<标签 style=”内联样式”></标签>
比如：

2：css样式表的权重关系：
内联样式表权重最大！
内部样式表和外部样式表的权重和书写的前后顺序有关！（放在后面的会把前面的覆盖掉，覆盖只能是相同的属性样式，不同的属性样式会继续执行）。
!Important;当前声明具有最高权重（大于内联样式表权重） 语法：background：red!important;
**3:div网页布局：**先做上下排版，再做左右排版，然后由外到里排版。
4css选择符：（给标签起名字）
（1）类型选择符（标签选择符）
所有的html标签都可以直接当选择符来应用。
比如：div/p/b/em/i/…
语法：标签{属性：属性值；}
特点：能选中当前结构里的全部同名标签。
应用：相统一某一个标签样式的时候或者清除某个标签默认样式的时候。
（2）ID选择符：
语法：起名字 <标签 id=“名字”></标签>
用名字写样式 #名字{属性：属性值；}
特点：唯一性!在同一个网页里面，一个id名字只能用一次。
应用：用来划分网页外围结构。
（3）class选择符（类选择符）：
语法：起名字 <标签 class=“名字1 名字2 名字3.,”></标签>
用名字写样式 .名字{属性：属性值；}
特点：a：一个元素可以有多个类名，类名可以重复出现。b：可以制定一类样式。
（4）群组选择符：
语法：以逗号隔开的方式，把多个选择器组成一组，给整租添加样式。
选择符1，选择符2，选择符3{属性：属性值；}
（5）包含选择符（子代选择符/后代选择符）（通过父元素找子元素）：语法：父元素 子元素{属性：属性值；}

（6）伪类选择符：
a:link{color:red} 未访问连接状态
a:vidited{color:red} 已访问连接状态
a:hover{color:red} 鼠标滑过连接状态
a:active{color:red} 鼠标按下时连接状态
语法：a{color:red;}
a:hover{color:yellow;}
（7）通配符：
语法：*{ } *选择页面中所有的元素。
*{
Margin：0；盒子外间距清零
Padding：0；盒子内间距清零
}