字体
类型(font-family)
当第一个字体类型无法显示时,编译器才会用第二种
元素名{font-family:字体1,字体2,字体3……;}
大小(fout-size)
元素名{fout-size:像素值(px);}
粗细(fout-weight)
属性值 | 数字值 | 说明 |
---|---|---|
lighter | 100 | 较细 |
normal | 400 | 正常(默认值) |
bold | 700 | 较粗 |
bolder | 900 | 很粗 |
元素名{fout-weight:100;}
元素名{fout-weight:400;}
元素名{fout-weight:700;}
元素名{fout-weight:900;}
风格(font-style)
属性值 | 说明 |
---|---|
normal | 正常 |
italic | 斜体 |
oblique | 斜体 |
有些特殊的字体可能用italic或oblique无法显示,所以出现互补的进行使用。
元素名{font-style:normal;}
元素名{font-style:italic;}
元素名{font-style:oblique;}
颜色(coloe)
元素名{coloe:red;}
元素名{coloe:#FFFFFF;}
段落
首行缩进(text-indent)
元素名{text-indent:像素值;}
水平对齐(text-align)
元素名{text-align:left;}左对齐(默认)
元素名{text-align:center;}居中
元素名{text-align:right;}右对齐
文本修饰(text-decoration)
元素名{text-decoration:none;}去除下划线(默认)
元素名{text-decoration:underline;}下划线
元素名{text-decoration:line-through;}中划线
元素名{text-decoration:overline;}顶划线
字母大小写(text-transform)
元素名{text-transform:none;}无变换(默认)
元素名{text-transform:uppercase;}大写
元素名{text-transform:lowercase;}小写
元素名{text-transform:capitalize;}首字母大写
行高(line-height)
元素名{line-height:像素值;}
间距
字母间距(letter-spacing)
元素名{letter-spacing:像素值;}
文字间距(word-spacing)
元素名{word-spacing:像素值;}