css对img定宽高,和在img标签内定宽高有什么区别?

Question

如:
<img src="xxx.jpg" width="100" height="100">
对比
.test{width="100px";height="100px";}
<img src="xxx.jpg" class="test">

渲染速度?性能上的区别?

Answer 1

按理说应该是第一种写法渲染快性能好些，内置html属性在构建DOM树时即可确定，写到样式表中需要结合CSSOM才能确定如何渲染，如果样式表加载较晚的话，还需要重绘。但内置写法不容易维护。

Answer 2

楼上说的正确