在css中，有一个常见的单位是px，也就是像素。

例如，可以使用以下代码将元素的宽度设置为200px：div {width: 200px;}

像素是一个相对单位，意味着1px在不同设备上实际表示的物理大小可能不同。因此，我们应该谨慎使用像素单位。

除了像素单位，我们也可以使用其他单位来指定元素的大小，比如em、rem、百分比等等。在选择单位时，应该根据具体场景进行选择。

例如，以下代码将元素的高度设置为文本字号的两倍：p {height: 2em;font-size: 16px;}

除了元素的大小，我们还需要关注在Web页面中使用的图片。在加载图片时，我们应该尽量减少图片的大小，以提高网页加载速度。

以下是一些可以优化图片大小的技巧：

• 使用透明压缩技术，如png格式。
• 缩小图片的分辨率。
• 裁剪图片，只保留需要的部分。
• 使用图片压缩工具，如tinypng、jpegmini。

例如，以下代码演示了如何使用背景图片，并将其大小设置为100%：div {background-image: url("background.jpg");background-size: 100%;}

通过对元素大小和图片大小的优化，我们可以极大地提高页面性能和用户体验。