学习css 11.14
CSS的三个特点
CSS有三个非常重要的特性：级联、继承和优先级。
薄板
相同的选择器设置相同的样式，然后一个样式将覆盖另一个冲突的样式。层叠主要解决风格冲突的问题。
级联原理：
风格冲突，要遵循的原则是接近原则，哪个风格接近结构，哪个风格就会执行。
风格不会冲突，也不会重叠。
继承权
现实中的继承：我们继承了父亲的姓氏。
CSS中继承的子标签继承了父标签的一些样式，例如文本颜色和字体大小。简单理解就是：个孩子跟着爸爸的脚步走。
正确使用继承可以简化代码，降低CSS样式的复杂度。
元素可以继承父元素的样式(文本、字体、行，这些元素的开头可以继承，颜色属性也可以继承)。
优先
当同一元素指定多个选择器时，将生成优先级。
选择器是一样的，级联执行。
如果选择器不同，则根据选择器权重执行。
盒子模型(盒子模型)
所谓的盒子模型：将HTML页面中的布局元素视为一个矩形框，即内容的容器。
CSS盒子模型本质上是一个子模块，它封装了周围的HTML元素。它包括：个边框、外部边距、内部边距和实际内容。
边框(边框)
边框可以设置元素的边框。边框有3部分，边框宽度(厚度)边框样式边框颜色语法：
边框：边框宽度11边框样式| |边框颜色
属性
功能
边框宽度
以像素为单位定义边框厚度。
边框样式
边框的样式
边框颜色
边框颜色
表格的细线边框
边框折叠属性控制浏览器绘制表格边框的方式。它控制相邻单元格的边框。
语法：
边框塌陷：
折叠这个词的意思是合并。
边界崩溃：崩溃；
(表示相邻的边框合并在一起)
边框会影响盒子的实际大小。
边框还会增加盒子的实际尺寸。因此，我们有两种解决方案：
1.测量盒子尺寸时不要测量边框。
2.如果测量中包含边框，则需要宽度/高度来减去边框宽度。
外部边距合并
使用边距定义块元素的垂直外部边距，可能会出现外部边距的合并。
相邻块元素的垂直外边缘的组合
当两个相邻的块元素(兄弟)相遇时，如果上元素有下边界-底部，下元素有上边界-太，它们之间的垂直距离不是边界-底部和边界-太之和的最大值。这种现象被称为相邻块元素的垂直边距的组合。
解决方案：尽量只在一个框中添加边距值。
嵌套块元素的垂直外边缘折叠。
对于两个嵌套的块元素(父子关系)，父元素有上下边距，子元素也有上下边距。此时，父元素将折叠更大的边距值。
解决方案：您可以为父元素定义上边框。
您可以定义父元素的上边距和下边距。
Overflow:hidden可以添加到父元素中。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/92780.html