CSS学习(10)行盒盒模型
2024-10-08 11:26:49
常见的行盒:包含具体内容的元素
span、strong、em、i、img、video、audio
显著特点:
1.盒子沿着内容延伸
2.行盒不能设置宽高,调整行盒的宽高,应使用字体大小、行高、字体类型,间接调整
3.内边距(填充区)、边框、外边距
水平方向有效,垂直方向仅会影响背景,不会实际占据空间
行块盒
display:inline-block
不会换行,但其他属性和块盒一致,常用于
空白折叠
在行盒(行块盒)之间或内部会发生空白折叠
可替换元素和非可替换元素
大部分元素,页面上显示的结果,取决于元素内容,称为非可替换元素
少部分元素,页面上显示的结果,取决于元素属性,称为可替换元素
可替换元素:img、video、audio
绝大部分可替换元素均为行盒。
可替换元素类似于行块盒,盒模型中所有尺寸都有效果。
最新文章
- 游戏服务器菜鸟之C#初探四游戏服务
- grub2配置显示系统选择菜单(ubuntu 14.04)
- PHP中的header()函数作用
- Excel 函数VLOOKUP初学者使用指南
- es搜索引擎
- linux查看ssh用户登录日志与操作日志
- python基于LeanCloud的短信验证
- 程序员面试题精选100题(16)-O(logn)求Fibonacci数列[算法]
- springmvc 双亲上下文导致的 No mapping found for HTTP request
- IBM即将倒闭,微软也从崩溃18个月
- I/O多路转接之poll 函数
- Android监听自身卸载,弹出用户反馈调查
- Python 爬取美团酒店信息
- Sublime 无法安装插件的解决办法
- iOS模拟器:Undefined symbols for architecture x86_64
- HDU 1722 Cake (数论 gcd)(Java版)
- tyvj/joyoi 1305 最大子序和
- 自动微分(AD)学习笔记
- python 中 类型转换 bytes
- 浅析Java源码之HttpServlet