49 lines
994 B
Markdown
49 lines
994 B
Markdown
|
---
|
|||
|
|
title: Structure of CSS
|
|||
|
|
localeTitle: CSS的结构
|
|||
|
|
---
|
|||
|
|
## CSS结构
|
|||
|
|
|
|||
|
|
CSS规则遵循以下基本结构：
|
|||
|
|
|
|||
|
|
```CSS
|
|||
|
|
selector {
|
|||
|
|
property: value;
|
|||
|
|
property: value;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
大括号内的所有内容都会为选择[器选择的内容设置](https://guide.freecodecamp.org/css/selectors)样式。 CSS规则内部是一组[属性](https://guide.freecodecamp.org/css/properties) /值对。
|
|||
|
|
|
|||
|
|
你可以让不同的选择器与昏迷分开：
|
|||
|
|
|
|||
|
|
```CSS
|
|||
|
|
selector1,
|
|||
|
|
selector2 {
|
|||
|
|
property: value;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
多个CSS规则可以放在一个CSS文件中 - 这是一个例子：
|
|||
|
|
|
|||
|
|
```CSS
|
|||
|
|
h1 {
|
|||
|
|
color: red;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div {
|
|||
|
|
text-align: center;
|
|||
|
|
color: blue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
img {
|
|||
|
|
margin-left: 2px;
|
|||
|
|
margin-top: 100px;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
* [代码Web上的CSS语法](https://codetheweb.blog/2017/11/11/css-syntax/)
|
|||
|
|
* 有关[CSS选择器的](https://guide.freecodecamp.org/css/selectors)更多信息
|
|||
|
|
* 有关[CSS属性的](https://guide.freecodecamp.org/css/properties)更多信息
|