css 选取图片部分图片

CSS有许多种选取图片的方法。这些方法可以让您在网站上使用最适合您需要的图片，同时也可以更好地控制图片的外观和行为。以下是一些常见的CSS选取图片的方法。

/* 通过类名选取图片 */
img.logo {
  width: 100px;
  height: 50px;
}

/* 通过ID选取图片 */
#header img {
  margin: 10px;
}

/* 通过属性选取图片 */
img[alt="picture"] {
  border: 1px solid #999;
}

/* 通过伪类选取图片 */
a:hover img {
  opacity: 0.8;
}

注意到以上的CSS代码中都是以“img”开始的，这是因为所有的图片元素都是以这个标签开始的。这些代码的作用不仅仅是选取图片，还可以设置图片的属性，例如大小、边框等。

除此之外，还可以使用CSS Sprites来减少加载时间和HTTP请求。CSS Sprites指的是将多个图片合并成一个大的图片文件，然后使用CSS来控制该文件中的位置和大小。这样做可以减少HTTP请求，从而加快页面的加载速度。

总之，CSS中有许多强大的选取图片的方法，您可以使用这些方法来实现您网站的需求，同时也可以更好地控制图片的外观和行为。