[HTML]层叠样式表CSS

CSS (层叠样式表) 是用于描述网页样式的语言。以下是一些CSS的基本用法示例：

1. 改变文本颜色和大小：

p {
  color: red;
  font-size: 20px;
}

2. 设置背景颜色：

body {
  background-color: #f0f0f0;
}

3. 创建一个带边框的盒子：

div {
  border: 1px solid black;
  padding: 20px;
  margin: 10px;
}

4. 设置元素的宽度和高度：

img {
  width: 100px;
  height: 100px;
}

5. 创建一个简单的响应式三列布局：

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
}

6. 使用类选择器添加特定类的样式：

.active {
  color: green;
}

7. 使用ID选择器为特定元素添加样式：

#header {
  background-color: blue;
  color: white;
}

8. 创建一个下拉菜单：

/* 导航栏 */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
 
/* 导航栏链接 */
li {
  float: left;
}
 
/* 链接的样式 */
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 
/* 链接的悬停样式 */
li a:hover {
  background-color: #111;
}

CSS可以用于创建复杂的布局和设计，这些示例只是展示了CSS的一些基本用法。