css中ad什么意思

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,AD指的是就按照一定的规则来布局和渲染元素。分成两种方式,分别是绝对定位和相对定位。AD中的“A”代表的是absolute,就是绝对定位的意思。当一个元素被设置为绝对定位时,它是基于其父元

在CSS中,AD指的是就按照一定的规则来布局和渲染元素。分成两种方式,分别是绝对定位和相对定位。

AD中的“A”代表的是absolute,就是绝对定位的意思。当一个元素被设置为绝对定位时,它是基于其父元素进行定位的,也就是说其位置不会随着文档流的改变而改变。这种方式一般用于需要精确定位的元素,如模态框、tooltip等。

下面是一个示例:

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 20px;
  left: 20px;
} 

上面的代码演示了一个相对定位的父元素和一个绝对定位的子元素。子元素相对其父元素进行定位,距离其顶部和左侧分别为20像素。

AD中的“D”代表的是display,表示一个元素的展示方式,由于不同元素的默认展示方式不同,因此我们可以通过修改其display属性来改变其展示方式。

下面是一个示例:

.box {
  display: inline-block;
} 

上面的代码演示了一个块级元素通过设置display为inline-block来改变其展示方式。块级元素默认占据一整行,而inline-block元素则是内联块级元素,即占据一定的宽度但不换行,这种展示方式常用于按钮等UI组件的制作。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中ad什么意思

粉丝

0

关注

0

收藏

0

已有0次打赏