CSS是网页设计中不可或缺的一个工具,它可以美化我们的网站,让页面看起来更加漂亮。在CSS中,有很多关键字,今天我们就来了解一下它们都是些什么。<style> p { fo
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。分别对应像素、百分比和自动计算。
粉丝
0
关注
0
收藏
0