标签元素 的 display 属性 可用于定义一个元素如何在页面上显示 , 该属性 控制了元素的盒模型特性 , 如 : 尺寸、布局方式和如何处理与其他元素的关系 ;
display 属性的不同值可以影响页面的...子元素 按指定的方式排列和对齐 ;
适用于现代布局设计 , 支持更复杂的响应式布局 ;
一般在手机页面中使用 , PC 页面不常用 ;
grid : 设置元素 为 网格容器 , 子元素 按照网格系统排列..., 适用于创建复杂的二维布局 ;
list-item : 设置元素 为 列表项 , 通常用于 元素 , 该类型元素前面添加一个项目符号或数字 ;
table : 设置元素 为 表格..., 类似于 HTML 的 标签元素 , 该设置影响元素的布局方式 , 元素显示为表格格式 ;
3、页面标签结构和样式
代码的标签结构为 :
<div class="box"...1 像素的 边框 ,
× 标签 也设置了 1 像素的 边框 ,
设置 按钮时 , 左侧和 顶部 的 样式 , 绝对布局 距离顶部 设置 -1 像素 ,