发表于： 2019-02-21 19:47:33
1 796
今天完成的事情：
今天完成了css任务五，学习了使用：
overflow-y: scroll;
该属性一定要对父级元素设置相应高度与设置margin-bottom，否则不会出现竖向滚动条
position: fixed;
对固定定位的使用，这里我的页眉与页脚都使用该定位
display: flex;
align-items: center;
/* 使用flex布局 使子项垂直居中 */
justify-content: center;
/* 使用flex布局 使子项水平居中 */
使用flex布局其他的定位属性会失效
css层叠性：
层叠性。层叠性是一种能力，就是处理冲突的能力。当不同选择器，对一个标签的同一个样式，有不同的值，听谁的？这就是冲突。css有着严格的处理冲突的机制。这时就用到了权重的计算：
当多个选择器，选择上了某个元素的时候，要按照如下顺序统计权重：
id的数量，类的数量，标签的数量
因为对于相同方式的样式表，其选择器排序的优先级为：ID选择器 > 类选择器 > 标签选择器
针对上面这句话，我们接下来举一些复杂一点的例子。
CSS样式表的冲突的总结
- 1、对于相同的选择器，其样式表排序：行级样式 > 内嵌样式表 > 外部样式表（就近原则）
- 2、对于相同方式的样式表，其选择器排序：ID选择器 > 类选择器 > 标签选择器
- 3、外部样式表的ID选择器 > 内嵌样式表的标签选择器
总结：就近原则。ID选择器优先级最大。
明天计划的事情：
开始css任务六的学习
收获：
学会了使用 滚动条属性与flex布局的运用，了解了css的层叠性 权重的计算 以及css样式表的优先级
选择器的优先级
返回列表
评论