替换元素的尺寸计算规则
作者:互联网
本文为学习《CSS世界》第 4 章后所作笔记。
尺寸有 3 种:固有尺寸、HTML 尺寸、CSS 尺寸
这几种尺寸是有优先顺序的:CSS 尺寸 > HTML 尺寸> 固有尺寸,比如说 CSS 尺寸会覆盖 HTML 尺寸
例子:
<img> 是替换元素,现在有一张图片 1.jpg,它的原始尺寸是 605 x 311,这个 605 x 311 就是 1.jpg 的固有尺寸。
将图片引入,显示的是原始尺寸
现在在 HTML 标签上给设置 width 为 200px,显示的尺寸就变成 width 为 200px,height 随原始图片宽高比例自适应,这个在 HTML 标签里设置的 width 或者 height 就叫 HTML 尺寸
HTML 尺寸覆盖掉了固有尺寸
现在给设置样式,width 设置为 300px,这个叫 CSS 尺寸
CSS 尺寸覆盖掉了 HTML 尺寸、固有尺寸
标签:固有,元素,width,HTML,尺寸,设置,替换,CSS 来源: https://www.cnblogs.com/xiaoxuStudy/p/13764953.html