CSS代码大全：网页设计的必备宝典

CSS（Cascading Style Sheets）是一种用于描述HTML或XML（包括SVG和XHTML）文档样式的样式表语言，它允许开发者通过简单的代码来控制网页的布局、颜色、字体、间距等视觉元素，从而实现更加美观、交互性更强的网页设计。

以下是一些常用的CSS代码示例，涵盖了各种常见的网页设计需求：

1、文字样式：

h1 {
  color: #333;
  font-size: 24px;
  font-weight: bold;
}
p {
  color: #666;
  font-size: 16px;
}

这段代码将h1标签的文字颜色设置为深灰色，字体大小为24px，字体加粗；将p标签的文字颜色设置为浅灰色，字体大小为16px。

2、背景样式：

body {
  background-color: #f2f2f2;
}
.container {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
}

这段代码将body的背景颜色设置为浅灰色；将.container的背景图片设置为一张名为image.jpg的图片，并设置背景图片不重复。

3、布局样式：

.container {
  width: 80%;
  margin: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
}

这段代码将.container的宽度设置为80%，并居中显示；将.row设置为弹性布局，允许元素在需要时自动换行。