CSS（层叠样式表）是一种用于描述网页样式和布局的语言。它与HTML一起使用，用于控制网页的外观和样式。
CSS通过选择器和声明来指定样式。选择器用于选择要应用样式的HTML元素，而声明则包含了要应用的样式规则。
以下是一些常见的CSS属性和值：
1. `color`：用于设置文本颜色，可以使用具体的颜色名称（如`red`）或十六进制颜色值（如`#FF0000`）。
2. `font-size`：用于设置字体大小，可以使用像素（`px`）或其他单位（如`em`）。
3. `background-color`：用于设置背景颜色，可以使用具体的颜色名称或十六进制颜色值。
4. `margin`：用于设置元素的外边距，可以设置上、右、下、左四个方向的外边距值。
5. `padding`：用于设置元素的内边距，可以设置上、右、下、左四个方向的内边距值。
6. `border`：用于设置元素的边框，可以设置边框的样式、宽度和颜色。
7. `width`和`height`：用于设置元素的宽度和高度，可以使用像素、百分比或其他单位。
8. `display`：用于设置元素的显示方式，常见的值包括`block`（块级元素）、`inline`（行内元素）和`none`（隐藏元素）。
以下是一些具体的CSS样式和用法示例：
- 设置文本样式：
h1 { color: red; font-size: 24px; } p { color: #333333; font-size: 16px; }这个例子中，
h1选择器用于选择所有<h1>标签，并将文本颜色设置为红色、字体大小设置为24像素。p选择器用于选择所有<p>标签，并将文本颜色设置为#333333（深灰色）、字体大小设置为16像素。 - 设置背景样式：
body { background-color: #f2f2f2; } div { background-color: lightblue; }这个例子中，
body选择器用于选择整个页面的<body>标签，并将背景颜色设置为#f2f2f2（浅灰色）。div选择器用于选择所有<div>标签，并将背景颜色设置为lightblue（浅蓝色）。 - 设置盒模型样式：
div { margin: 10px; padding: 20px; border: 1px solid black; }这个例子中，
div选择器用于选择所有<div>标签，并将外边距设置为10像素、内边距设置为20像素、边框宽度设置为1像素、边框样式设置为实线、边框颜色设置为黑色。
CSS的优势在于可以将样式和布局从HTML文档中分离出来，使得网页的样式和结构更清晰和易于维护。同时，CSS还提供了丰富的样式选择器和属性，使得开发者可以更精确地控制网页的外观和布局。
1486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
