HTML中的CSS超详细使用（附代码图文示例）【干货】

CSS (Cascading Style Sheets) 是用于描述网页样式的语言，可以控制网页的布局、颜色、字体等外观特性。以下是一些常用的CSS样式属性及其使用示例：

1. 字体大小：

p {
  font-size: 16px;
}

2. 文本颜色：

p {
  color: red;
}

3. 背景颜色：

body {
  background-color: #f0f0f0;
}

4. 边框：

div {
  border: 1px solid black;
}

5. 内边距（padding）和外边距（margin）：

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

6. 浮动（float）：

img {
  float: left;
}

7. 定位（position）：

div {
  position: relative;
  top: 5px;
  left: 10px;
}

8. 不透明度：

div {
  opacity: 0.5;
}

9. 阴影效果：

div {
  box-shadow: 5px 5px 10px #888888;
}

10. 显示与隐藏：

div {
  display: none; /* 隐藏div */
}
 
div.show {
  display: block; /* 显示div */
}

这些只是CSS的冰山一角，实际上CSS可以做到更多，控制网页中的所有元素。通过组合使用各种CSS属性和规则，开发者可以创建出丰富多样的网页布局。