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

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

你可能感兴趣的:(每天一个知识点,css)