html 怎么设置整体的大小,css怎么设置div大小?

在HTML中div标签元素是一个块状元素,可以设置元素的大小(宽高)。那么如何设置?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

a9bf56e10429bb8c479ccd7535d61a44.png

首先我们来了解一下块状元素

块状元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div来实现。不过为了可以方便程序员解读代码,一般都会使用特定的语义化标签,使得代码可读性强,且便于查错。

块状元素特征:

1、高度,行高以及外边距和内边距都可控制。

2、总是在新行上开始,占据一整行;即可以自动换行。

3、它可以容纳内联元素和其他块元素。

4、宽带始终是与浏览器宽度一样,与内容无关。

5、多个块状元素标签写在一起,默认排列方式为从上至下

css怎么设置div大小?

在CSS中可以使用width属性、height属性来设置div大小。width属性设置元素的宽度,height属性设置元素的高度。

width和height属性定义元素内容区的宽度、高度,在内容区外面可以增加内边距、边框和外边距。

示例:

div{

border: 1px solid red;

}

.box{

width: 300px;

height: 100px;

}

普通div
设置宽度为300px,高度为100px的div

效果图:

9ff9216cf1f1d9bbf48b1e8533cd48fd.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值