CSS三大特性

CSS三大特性：层叠性，继承性，优先级。
样式层叠的原则是样式冲突，{就近原则}，后定义，后生效
子元素会继承（inherit）父元素的某些样式：
1 文本颜色、text-align具有继承性，text-indent 属性可以继承、line-height属性可以继承，其默认值是normal，规定应该从父元素继承 line-height 属性的值。
2 字体属性，所有的font属性都具有继承性，
font-style
font-variant
font-weight
font-size/line-height
font-family
line-height
3 list-style 属性可以继承，由 list-item 元素继承。
4 border-spacing 属性可以继承，设置相邻单元格的边框间的距离，默认值not specified，除非 border-collapse 被设置为 separate，否则将忽略这个属性。
5 color可以继承
不可继承：
1 background-color 不能继承，其默认值是 transparent。transparent 有“透明”之意。也就是说，如果一个元素没有指定背景色，那么背景就是透明的，这样其祖先元素的背景才能可见。
2 图片宽度无法继承父容器，需另写。
3 background-image 也不能继承。事实上，所有背景属性都不能继承。
4 width，height，position，border，display，margin，background不可继承

在 body 中指定行高 1.5 的最大优势是什么？子元素可以根据自己的文字大小自动调整行高。
学习优先级能解决什么问题？当同一个元素被指定了多个选择器，需要掌握了 CSS 的优先级，才能准确地分析出到底
会应用哪个选择器中的样式

类选择器永远大于标签选择器，这句话对吗？
对

在使用复合选择器时才需要考虑权重叠加的问题！

网页布局的三大核心是盒子模型，浮动，定位。
网页布局的核心本质是利用CSS摆盒子
外边距也属于盒子模型的一部分！
边框样式只指border-style：solid实，dashed 虚线，dotted点线。width，style，color都是边框的属性。
边框的复合写法有顺序要求吗？推荐写法是什么？
没有
推荐写法： border: 1px solid #000;
粗细 样式 颜色
能够单独设置一个边框吗？如何实现？
可以
。border-top，border-bottom…
border-collapse:collapse可以把相邻的边框合并到一起。
border-collapse: collapse; 适用于任何场景么?
border-collapse: collapse; 属性仅仅适用于表格, 例如两个div的div边框紧紧相连使
用该属性是不会生效的
边框会影响一个盒子的实际大小，如何解决：1. 测量盒子大小时，不测量边框；
2. width / height 减去边框宽度。
内边距的应用场景是什么？
设置内容与边框之间的距离！而不是两个盒子之间的距离！
问题 2：在一个盒子中，可以分别设置四个方向的内边距吗？
可以
padding-top，padding-bottom…

11:06 2020/10/17 星期六
浏览器检查：外边距是粉底色，边框是肉色，内边距是浅绿黛，内容是天蓝色
实际开发中文字距离左侧的距离是如何处理的？有什么注意点？
实际开发中使用 padding
注意： padding 会撑开盒子，因此需要调整盒子的宽度。
在什么情况下， padding 不会撑开盒子？
块元素没有指定 width 属性, padding 不会撑大盒子的宽度,但是设置 padding-top
和 padding-bottom 会撑大盒子的高度 。
：让行内元素或行内块元素实现水平居中应该怎么做？
给其父盒子添加 text-align: center;
请说出嵌套块元素塌陷的情况？
父子元素同时具有上外边距
父元素会塌陷较大的外边距
视频中介绍了几种方案，哪一种是推荐的？
顶部增加边框
顶部增加 padding
overflow: hidden; 推荐
开发时为什么要做清除内外边距的事情？
网页元素很多都带有默认的内外边距，而且浏览器的默认值也不尽相同
清除内外边距可以避免默认样式对布局的干扰