十六进制值:#ff0000
颜色名:black,silver,white…
上述两种是比较常用的。颜色对照表:CSS 颜色
下方是对颜色进行更加细致的定义:
RGB:rgb(255,0,0) 定义红、绿、蓝
RGBA:rgb(255,0,0,0.8) 定义红、绿、蓝,不透明度为80%
HSL:hsl(0,100%,50%) 定义色相、饱和度、明度
HSLA:hsl(0,100%,50%,0.8) 定义色相、饱和度、明度,不透明度为80%
值为对应的像素值
可以理解为加粗的程度。值有如下:
可用值 | 值的说明 |
---|---|
normal | 默认值(400) |
bold | 加粗(700) |
lighter | 比父对象更淡一些 |
bolder | 比父对象更粗一些 |
100-900 | 数值越大,字体越粗 |
说明一下lighter和bolder:
.parent { font-weight: normal; } . child { font-weight: bolder; }
<div class="parent"> 内容1:字重为"normal" <div class="child"> 内容2:字重为"bolder",由于父级为"normal",因此这里的字体采用"bold" </div> </div>
border和lighter都是相对于其父对象而言的。
常用值 | 描述 |
---|---|
normal | 默认 |
oblique | 倾斜 |
值得一提的是,"italic"的作用也是使字体倾斜,但这里是使用字体自带的倾斜方式。若某些字体中没有倾斜的样式,使用"italic"便没有效果。
italic和oblique的区别
特殊用法:当line-height(行高)和height(字体高度)相同时,字体便可以垂直居中
需要注意的是:这只对英文单词有效,对中文汉字是无效的!