"前端 60 道面试题及答案" 本资源摘要信息涵盖了前端开发中的多个知识点,包括 HTML 语义化、盒子模型、 CSS 选择器、 Flex 布局、BFC 等。 HTML 语义化是指使用正确的 HTML 标签来表示页面的结构和内容,让搜索引擎和其他设备更好地理解页面的结构,从而提高页面的可读性和搜索引擎优化 (SEO)。 HTML 语义化的优点包括易于用户阅读、有利于 SEO、方便其他设备解析、有利于开发和维护等。 盒子模型是 CSS 中的一个重要概念,分为标准盒模型和怪异盒模型两种。标准盒模型的宽度等于 content-box 的宽度加上 margin、border 和 padding 的宽度,而怪异盒模型的宽度等于 content-box 的宽度。box-sizing 属性可以用来设置盒模型的类型。 CSS 选择器是 CSS 中的一个重要概念,包括通配符、ID 选择器、类选择器、元素选择器、后代选择器、伪类选择器和属性选择器等。CSS 选择器的权重顺序为!important→行内样式→#id→class →元素和伪元素→*→继承→默认。 Flex 布局是 CSS3 中的一个新特性,用于布局和排版。Flex 布局可以使元素在水平和垂直方向上排列,通过设置 flex-direction、flex-wrap、justify-content 和 align-items 等属性可以控制 Flex 布局的方式。 BFC(Block Formatting Context)是 CSS 中的一个概念,指的是一个独立的渲染区域,使得内部元素和外部元素相互隔离,不会相互影响。BFC 可以通过 display:inline-block、position:absolute/fixed 等方式产生。 此外,本资源摘要信息还涵盖了 rem 和 em 单位的区别、transition、transform、animation、gradient、shadow 和 border-radius 等 CSS 新特性,以及行内元素和块级元素的区别、绝对定位和相对定位的区别等知识点。
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/release/download_crawler_static/88015651/bg1.jpg)
![](https://csdnimg.cn/release/download_crawler_static/88015651/bg2.jpg)
![](https://csdnimg.cn/release/download_crawler_static/88015651/bg3.jpg)
![](https://csdnimg.cn/release/download_crawler_static/88015651/bg4.jpg)
![](https://csdnimg.cn/release/download_crawler_static/88015651/bg5.jpg)
剩余40页未读,继续阅读
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 133
- 资源: 4704
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)