字体相关的属性
font-family:字体名称
font-size:字体大小
font-style:字体风格(斜体等)
font-variant:字体转化(如大写)
font-weight:字体粗细
<style type="text/css">
p{
font-family:楷体;
font-size: 36px;
font-style: italic;
font-variant:small-caps;
font-weight: bold;
}
</style>
可以简写,书写顺序:
font-style font-variant font-weight font-size font-family
<style type="text/css">
p{
font:60px 楷体;
}
</style>
前面三个可缺省,使用默认值,font-size和font-family必须指定值。
这种书写方式更加简洁
文本相关的属性
文本相关属性主要包括颜色、对齐方式、修饰效果等
color:设置文本字体颜色
text-decoration:(文本修饰)
none:没有修饰效果(默认值)
underline:下划线
overline:上划线
line-through:删除线
text-shadow:(增加阴影)
text-shadow: 5px 2px maroon;
第一个px代表阴影水平方向移动,默认往右偏移,加上“-”号往左偏移
第二个px代表阴影垂直方向移动,默认往下偏移,加上“-”号往上偏移
最后的颜色设置是阴影的颜色(褐红色)
direction:(文字方向)
ltr:从左往右(left to right)
rtl:从右往左 (right to left)
text-align:(文本水平对齐方式)
right: 向右对齐
left: 向左对齐
justify:两端对齐
center: 水平居中对齐
vertical-align:(文本垂直对齐方式)
top: 向上对齐
bottom: 向下对齐
middle: 垂直居中对齐
text-indent:(文本缩进)
letter-spacing:字符之间的间距
word-spacing: 字与字(单词)之间的间距
line-height:设置行高,实际上是调整行间距