前端面试题集及答案:CSS盒子模型、box-sizing属性、选择器与属性继承。
CSS选择器有哪些? 1. 元素选择器 2. 类选择器 3. ID选择器 4. 子元素选择器 5. 后代元素选择器 6. 相邻兄弟选择器 7. 通用选择器 8. 属性选择器 9. 伪类选择器 10. 伪元素选择器 哪些属性可以继承? 1. font-family 2. font-size 3. font-weight 4. font-style 5. color 6. text-align 7. line-height 8. list-style 9. letter-spacing 10. word-spacing 介绍一下标准的CSS盒子模型? 标准的CSS盒子模型是由内容区域(content)、内边距(padding)、边框(border)、外边距(margin)组成的。这四个部分依次包裹在一个盒子中,分别控制了元素的内容、内边距、边框和外边距的样式和大小。 与低版本IE的盒子模型有什么不同的? 在低版本IE中,盒子模型的计算方式与标准盒子模型略有不同。低版本IE的盒子模型中,宽度的计算方式为内容宽度(content) + 边框宽度(border) + 内边距(padding),而在标准盒子模型中,宽度的计算方式为内容宽度(content) + 边框宽度(border) + 内边距(padding) + 外边距(margin)。 box-sizing属性是用来控制元素的盒子模型的解析模式的。box-sizing属性有两个可选值,分别是content-box和border-box。 1. content-box: 这是W3C的标准盒子模型。设置元素的height/width属性指的是内容部分的高/宽。 2. border-box: 这是IE传统盒子模型。设置元素的height/width属性指的是边框(border) + 内边距(padding) + 内容(content)部分的高/宽。 综上所述,CSS选择器有多种类型,如元素选择器、类选择器、ID选择器等。一些属性可以被继承,如字体样式、颜色等。标准的CSS盒子模型由内容、内边距、边框和外边距组成,而低版本IE的盒子模型计算宽度时不包含外边距。box-sizing属性可以控制元素的盒子模型解析模式,有两个可选值:content-box和border-box。
![](https://csdnimg.cn/release/download_crawler_static/88016653/bg5.jpg)
剩余21页未读,继续阅读
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 120
- 资源: 1689
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 新型矿用本安直流稳压电源设计:双重保护电路
- 煤矿掘进工作面安全因素研究:结构方程模型
- 利用同位素位移探测原子内部新型力
- 钻锚机钻臂动力学仿真分析与优化
- 钻孔成像技术在巷道松动圈检测与支护设计中的应用
- 极化与非极化ep碰撞中J/ψ的Sivers与cos2φ效应:理论分析与COMPASS验证
- 新疆矿区1200m深孔钻探关键技术与实践
- 建筑行业事故预防:综合动态事故致因理论的应用
- 北斗卫星监测系统在电网塔形实时监控中的应用
- 煤层气羽状水平井数值模拟:交替隐式算法的应用
- 开放字符串T对偶与双空间坐标变换
- 煤矿瓦斯抽采半径测定新方法——瓦斯储量法
- 大倾角大采高工作面设备稳定与安全控制关键技术
- 超标违规背景下的热波动影响分析
- 中国煤矿选煤设计进展与挑战:历史、现状与未来发展
- 反演技术与RBF神经网络在移动机器人控制中的应用
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)