字体以及文本的相关属性

来源:互联网 发布:java中compare to 编辑:程序博客网 时间:2024/06/05 16:58

字体相关的属性

font-family:字体名称

font-size:字体大小

font-style:字体风格(斜体等)

font-variant:字体转化(如大写)

font-weight:字体粗细

<styletype="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

<styletype="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:设置行高,实际上是调整行间距

 

 

 

原创粉丝点击