css 图片大小样式

CSS是一种Web开发中必备的技能，其不仅可以实现网页布局、样式效果等等，还可以控制图片的大小样式。

img {
  width: 200px;
  height: 150px;
}

上述代码即可设置图片的宽和高，单位可以是`px`、`em`、`rem`等。若只设置宽度或高度，则未设置的一项会根据比例自适应。

img {
  max-width: 100%;
  height: auto;
}

该代码在移动端使用较多，可以将图片调整至浏览器宽度相等，同时自适应高度。此外，`max-width`还可以配合`media query`使用，实现响应式图片效果。

img {
  border-radius: 50%;
}

除了调整大小外，CSS还可以为图片添加不同的样式。例如，使用`border-radius`可以将图片变为圆形。

img {
  filter: grayscale(100%);
}

另外一个常用的样式是`filter`。`grayscale`表示灰度，可以设置0~100的值，设置为100%即可将图片转变为黑白色。

综上所述，CSS在控制图片大小样式方面是非常灵活的，也是Web开发中必备的技能之一。