您的位置：首页 > 其它

字体以及文本的相关属性

2017-07-12 19:50 183 查看

字体相关的属性
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：设置行高，实际上是调整行间距

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航