实训第三天

一.标签的显示转换

通过修改display属性的值，我们可以改变元素的显示模式：

 

转换为块级元素：display: block;

转换为行内元素：display: inline;

转换为行内块元素：display: inline-block;

这些转换允许我们灵活地控制页面布局和元素的呈现方式。例如，我们可以将一个默认是行内元素的<span>转换为块级元素，使其独占一行并可以设置宽度和高度；或者将一个默认是块级元素的<div>转换为行内元素，使其与其他行内元素在同一行上显示。

二.符合选择器

1.并集选择器（，）

2.子代选择器（＞）

3.后代选择器（ 空格）

三.背景图片

1.background-image：设置背景图片的路径。可以使用URL、渐变或其他图像源。

2.background-color：设置背景颜色。

3.background-repeat：控制图片是否重复。repeat（水平和垂直重复）或no-repeat（不重复）。

4.background-position：设置图片在元素中的位置。可以使用关键字（如top，left，right，）或具体的像素值。