css中的关键字

CSS是网页设计中不可或缺的一个工具，它可以美化我们的网站，让页面看起来更加漂亮。在CSS中，有很多关键字，今天我们就来了解一下它们都是些什么。

<style>
p {
  font-size:medium;
  color:red;
  font-style:italic;
}
</style> 

1. font-size

这个关键字控制的是字体的大小，其值可以是绝对或相对单位。例如，10px或80%。

2. color

这个关键字控制的是字体的颜色，其值可以是具体的颜色名称或使用RGB或HEX值来指定。例如，red或#FF0000。

3. font-style

这个关键字控制的是字体的风格，其值可以是normal、italic或oblique。分别对应普通、斜体和倾斜字体。

<style>
p {
  font-weight:bold;
  text-decoration:underline;
  text-transform:uppercase;
}
</style> 

4. font-weight

这个关键字控制的是字体的粗细，其值可以是normal、bold、bolder或lighter。分别对应普通、粗体、更粗体和更细体。

5. text-decoration

这个关键字控制的是文字的下划线、删除线等装饰效果，其值可以是none、underline、overline、line-through。分别对应无装饰、下划线、上划线和删除线。

6. text-transform

这个关键字控制的是字母的大小写，其值可以是none、uppercase、lowercase、capitalize。分别对应无变化、全部大写、全部小写和首字母大写。

<style>
p {
  background-color:yellow;
  border:1px solid black;
  margin:10px;
  padding:20px;
}
</style> 

7. background-color

这个关键字控制的是背景颜色，其值可以是具体的颜色名称或使用RGB或HEX值来指定。例如，yellow或#FFFF00。

8. border

这个关键字控制的是边框的样式、颜色和宽度，其值可以是样式、颜色和宽度的组合。例如，1px solid black。

9. margin

这个关键字控制的是元素的外边距，其值可以是具体的像素值、百分比或auto。分别对应像素、百分比和自动计算。

10. padding

这个关键字控制的是元素的内边距，其值可以是具体的像素值、百分比或auto。分别对应像素、百分比和自动计算。