如何设置图片大小

在HTML和CSS中，设置图片大小主要涉及到两种方法：内联样式和外部样式表。

内联样式：可以直接在HTML标签中使用style属性来设置图片的大小，如果我们想要将图片的大小设置为100x100像素，我们可以这样写： html < img src = "myImage.jpg" style = "width: 100px; height: 100px;"> css 内联样式的缺点是它会增加HTML文件的大小，并且可能会使代码难以阅读和维护。

外部样式表：这是更常见的做法，在CSS文件中定义一个规则来设置图片的大小。 css img { width: 100px; height: 100px; } 在HTML文件中，只需要通过<img>标签的src属性引用图片即可。 html < img src = "myImage.jpg">

还可以使用百分比单位来设置图片的大小，这意味着图片的宽度或高度将是其容器大小的一部分，如果我们想要让图片的宽度是其父元素宽度的50%,我们可以这样写： html < img src = "myImage.jpg" style = "width: 50%;">

注意，当使用百分比单位时，图片的高度通常也会设置为百分比，或者设置为"auto",以保持图片的纵横比。 css img { width: 50%; /* 或者 height: auto */ }

就是如何设置图片大小的基本方法。