行内、块级元素与定位

本文介绍了HTML中的行内元素和块级元素,讲解了如何使用`display`属性转换元素类型以响应宽高设置。接着,详细阐述了定位概念,包括相对定位、绝对定位和固定定位的使用方法,以及如何通过`position`属性和`top`、`left`等值实现精确布局。最后,提到了行内元素在设置定位时会自动转为块级元素。
摘要由CSDN通过智能技术生成

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:Visual Studio Code

作者:LYQlife113

撰写时间:2021年11月28日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

今儿我们来讲一下块级和行内元素,以及浮动的知识点。

一、行内/块级元素

我们在构建网页的时候,会遇到一些元素会因为本身元素,比如:a标签是行内元素,因此我们设置宽高的时候会无法响应我们的宽高,还有,会因为自身原因可能会占据整个网页的位置,因此,我们需要行内元素、块级元素的帮助,我们写行内元素、块级元素的时候还需要配合一个属性去使用:“display”这个属性:

例如:“span标签”是行内元素,我们设置了一个宽:300px高:100px的大小。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值