行级,块级,行内块

1、块级元素特性总结
没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开
默认独立成行——默认垂直布局
具有盒模型特征(默认可以设置宽度、高度、padding、margin、border)可以设置上下左右的内边距和外边距。
2、行内(行级)元素特性总结
宽度默认由内容撑开
高度默认由内容撑开
默认横向显示——默认水平布局,相邻的行级元素会在同一行显示,直到一行排不下,才会换行
换行和空格会被解析
不能设置宽高
只能设置左右的外边距,不能设置上下的外边距
可以设置上下左右的内边距和边框。
行内元素只能容纳文本或者其他行级元素(此处请注意,不要在行级元素中嵌套块级和行内块元素) 。 
3、行内块元素特性总结
可以设置宽高
默认横向显示——默认水平布局,相邻的行级元素会在同一行显示,直到一行排不下,才会换行;
换行和空格会被解析
具有盒模型特征(默认可以设置宽度、高度、padding、margin、border)可以设置上下左右的内边距和外边距。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值