如何为一个img标签设置宽度和高度,加上src

本文解释了如何为img标签设置图片源及尺寸,并探讨了img作为行内元素却能设置宽高的原因。揭示了img是一种特殊的替换元素,其尺寸由自身属性决定而非CSS。
如何为一个img标签加上一个图片的src,并设置宽度和高度
答案:
<img src="../img/1.jpg" alt="" width="220px" height="400px">
首先一部分人的一般反应可能是要不就用css,要不就写行内样式但是,你们有没有想过img是什么?块级元素?不,他是行内元素行内元素和块级元素的一大区别就是不能为他设置宽高,设置了也没有用,那么我们最后的结果为什么还是那个呐?ps:常见的行内元素有:img input a label span原因是,img是一个置换元素或者替换元素。置换元素这个词有些人可能是第一次听置换元素:一个标签不受css视觉格式化模型控制,元素本身一般都是有固定的尺寸的元素(你就想想在你没定义宽的时候input就像是不出来?img就没有?想想实例就好记多了)so...img input select textarea都是替换元素。替换元素是的浏览器根据元素的标签属性来决定元素具体显示内容的,或说根据标签属性显示元素。注:①.css的视觉格式化模型:特使一套规则,Visual formatting model在视觉格式化模型中,文档树中每个元素都会根据盒模型来产生零到多个盒子。之后将这些布局成访问者看到的样子。主要影响他的因素是:盒子的尺寸,定位系统,文档树中元素的关系,外部信息(视口大小,图片固有宽度等)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值