CSS基础标签属性及案例，前端网页开发

在CSS中，有许多可用的标签属性，以下是一些常见的CSS属性和它们的用法：

1. 字体大小（font-size）：

p {
  font-size: 20px;
}

2. 字体加粗（font-weight）：

p {
  font-weight: bold;
}

3. 字体变体（font-variant）：

p {
  font-variant: small-caps;
}

4. 字体系列（font-family）：

p {
  font-family: "Times New Roman", Times, serif;
}

5. 文本颜色（color）：

p {
  color: red;
}

6. 文本装饰（text-decoration）：

p {
  text-decoration: underline;
}

7. 文本对齐（text-align）：

p {
  text-align: center;
}

8. 列表样式（list-style-type）：

ul {
  list-style-type: square;
}

9. 背景颜色（background-color）：

body {
  background-color: #f0f0f0;
}

10. 边框样式（border-style）：

div {
  border-style: dashed;
}

11. 边距（margin）和填充（padding）：

div {
  margin: 10px;
  padding: 20px;
}

12. 宽度和高度：

div {
  width: 100px;
  height: 50px;
}

13. 显示属性（display）：

div {
  display: inline-block;
}

14. 透明度（opacity）：

div {
  opacity: 0.5;
}

15. 浮动（float）：

div {
  float: right;
}

16. 定位（position）：

div {
  position: relative;
}

17. z-index层叠顺序：

div {
  z-index: 10;
}

这些只是CSS属性的一小部分，实际上CSS有数百个属性可供使用。在实际开发中，开发者可以根据需要选择合适的属性来进行页面的样式设计。