css中文字与图片

CSS是网页设计中不可或缺的一部分，它可以帮助我们控制页面元素的样式和排版。其中，文字与图片是页面中最常使用的元素之一，下面就让我们来一起了解一下如何在CSS中控制文字和图片。
文字
控制文字的样式是CSS中的基础部分，可以通过一系列的样式属性来控制文字的颜色，大小，字体等等。在下面的代码示例中，我们可以看到如何控制文字的样式：

p {
  color: #333;  /* 文字颜色 */
  font-size: 16px;  /* 字体大小 */
  font-family: "微软雅黑", sans-serif; /* 字体类型 */
  line-height: 1.5; /* 行高 */
  font-weight: bold; /* 文字粗细 */
} 

其中，color属性控制文字颜色，font-size属性控制字体大小，font-family属性控制字体类型，line-height属性控制行高，font-weight属性控制文字粗细。通过这些属性的设置，我们可以实现各种样式的文字效果。
图片
除了文字外，图片也是网页设计中不可或缺的元素之一。在CSS中，我们可以通过background-image属性来设置背景图片，也可以通过img标签引入图片。下面是一些实例代码：

/* 设置背景图片 */
p {
  background-image: url("example.jpg");
}

/* 引入图片 */
<img src="example.jpg" alt="图片描述" /> 

其中，background-image属性可以设置背景图片，并可使用repeat属性来控制图片的重复方式。而img标签则是通过src属性引入图片，并通过alt属性来提供图片的描述信息。
总结
文字和图片是网页设计中最常用的元素之一，通过CSS的样式属性，我们可以控制它们的样式和排版，并实现各种效果。在页面设计中，充分利用文字和图片属性，可以使网页看起来更加美观和丰富。