m0_73070900的博客

Flex布局（弹性盒子布局） 是一种用于在容器中进行灵活和自适应布局的CSS布局模型。通过使用Flex布局，可以更方便地实现各种不同尺寸和比例的布局，使元素在容器内自动调整空间分配。

CSS盒子模型是一种用来描述元素在页面布局中占据空间的模型。它将每个元素看作由内容区域、内边距、边框和外边距组成的一个矩形框。：显示元素的实际内容，例如文本、图像或其他嵌套元素。：位于内容区域与边框之间的空白区域，可以通过padding属性设置。：围绕内容和内边距的线条，用于分隔元素与其周围的其他元素。可以使用border属性来设置元素的边框样式、颜色和宽度、：位于元素边框与相邻元素之间的空白区域，用于控制元素之间的间距。可以使用margin属性来设置元素的外边距。

属性来设置背景图像的位置。这个属性可以接受不同的值，用于指定图像在元素中的起始位置。属性来控制背景图像的缩放方式。这个属性允许你调整背景图像的尺寸以适应元素的大小。属性来控制背景图像是否固定在视口中，以实现固定背景图像效果。使用百分比来设置图像的宽度和高度相对于元素大小的比例。属性来设置背景图的平铺方式。：使用红、绿、蓝三原色的十六进制来指定颜色。：直接使用预定义的颜色名称来设置背景颜色。：使用红、绿、蓝三原色的整数值来指定颜色。使用具体的长度值来设置图像的宽度和高度。属性来指定一个图像作为元素的背景图。

以下是几种常见的基础选择器。：通过HTML标签名称选择元素。上述样式规则将选择所有标签 ，并将其文字颜色设置为红色。：通过类名选择元素。使用类选择器时需要在类名前加上英文句点。上述样式规则将选择所有具有属性的元素。并将它们的字体大小设置为16像素。：通过元素的唯一ID选择元素。使用ID选择器时，在CSS中需要在ID名称前加上井号。上述样式规则将选择具有id="mydiv"的元素，并将它们的背景颜色设置为蓝色。

需要注意的是，行高的取值可以是相对值（如倍数）或绝对值（如像素），而具体的展现效果会受到字体、文本内容和行高设置所在的上下文等多种因素的影响。在列表中，你可以按照优先级从高到低的顺序列出多个备选字体名称，以便浏览器根据字体是否可用选择合适的字体进行显示。需要注意的是，字体的可以粗细程度取决于所使用的字体和操作系统。并不是所有的字体都支持所有粗细程度，而且在不同浏览器和操作系统下，字体的粗细显示效果可能会有所差异。来设置字体族（即字体的类型）以指定文本显示的字体。标签中的文本应用行高为字体大小的1.5倍。