css块级元素,行内元素和行内块级元素

本文详细总结了HTML中块级元素、行内元素和行内块级元素的特性。块级元素占据整行,可设置宽高,如<div>、<h1-h6>等;行内元素宽度由内容决定,不设宽高,如<span>、<label>等;行内块级元素如<input>、<img>,既可同行显示,又能设置尺寸。
摘要由CSDN通过智能技术生成

一、写在前面
行内元素和块级元素以及行内块级元素总是傻傻分不清,下面进行总结。
二、总结
2.1、块级元素

1、它独占一行。
2、它的宽高可以设置。
3、默认时,宽度是100%

例如:<div><h1-h6>,<ul>,<ol>,li等。
2.2、行内元素

1、它的宽度有内容决定,高度有内容字体大小决定。
2、它不可以设置宽高。
3、它可以和其他行内元素位于同一行。

例如:<span>,<label>,<i>,<e>等。
2.3、行内跨级元素

1、它既可以和其他的行内元素位于同一行。
2、元素的高度及与边的间距都可以设置。

例如:<input><img>,<select>等。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值