【复习笔记】CSS基础理论知识

6. CSS3高级选择器

层次选择器

结构伪类选择器

属性选择器

[外链图片转存中…(img-7SHamPEB-1720112886873)]

7. nth-child(n)与nth-of-type(n)的区别

nth-child(n)：在父级里从一个元素开始查找，不分类型。

nth-of-type(n)：在父级里先看类型，再看位置。

8. 网页字体设置有什么要求？

当需要同时设置英文字体和中文字体时，一定要将英文字体设置在中文字体之前，如果中文字体设置于英文字体之前，英文字体设置将不起作用。

9. 解决父级边框塌陷的方法

1）浮动元素后面加空div

.clear{

clear:both;

margin:0;

padding:0;

}

2）设置父元素的高度

3）父级添加overflow属性

10. CSS中的3种基本定位机制

标准流，浮动，绝对定位。

11. 相对定位、绝对定位、固定定位区别

| 定位类型 | 特性 | 使用场景 |

| :-: | :-- | :-: |

| 相对定位 | 1.相对于自己的初始位置来定位

2.元素位置发生偏移后，它原来的位置会被保留下来

3.层级提高，可以把标准文档流中的元素及浮动元素盖在下边 | 相对定位一般情况下很少自己单独使用，都是配合绝对定位使用，为绝对定位创造定位父级而又不设置偏移量。 |

| 绝对定位 | 1.绝对定位是相对于它的定位父级的位置来定位的，如果没有设置定位父级，就一直往上找(可以是父级的父级)都没有就相对浏览器窗口来定位。

2.元素发生偏移后，它原来的位置不会被保留下来。

3.层级提高，可以把标准文档流中的元素及浮动元素盖在下边。

4.设置绝对定位的元素脱离文档流。 | 一般情况下，绝对定位用在下拉菜单、焦点图轮播、弹出数字气泡、特别花边等场景 |

| 固定定位 | 1.相对浏览器窗口来定位

2.偏移量不会随滚动条的移动而移动 | 固定定位一般在网页中被用在窗口左右两边的固定广告、返回顶部图标、吸顶部导航栏等 |

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

[外链图片转存中…(img-VFuslqHl-1720112886874)]

[外链图片转存中…(img-dx07G2Xb-1720112886874)]