一、常用的字体样式
- font-size 字体大小
- color 字体颜色
- font-weight 加粗效果
normal 正常
bold 加粗 - font-style
italic 斜体
… - font-family 字体族
serif 衬线字体
sans-serif 非衬线字体
monospace 等宽字体
这些是字体的大分类,每个分类中还有很多中字体
还有很多字体样式可以在CSS文档中学习。
二、@font-face
用@font-face可以下载并使用自定义字体,也可以为用户提供服务器上的字体。
@font-face{
font-famliy: myfont; /* 给导入的字体取名字 */
src: url(font.woff); /* 指定要导入字体的路径 */
}
三、常用的文本样式
- text-align 设置文本的水平对齐方式
center 居中对齐
left 左对齐
right 右对齐
justify 两端对齐 - vertical-align 设置文本的垂直对齐方式
baseline 默认值 基线对齐
top 顶端对齐
bottom 低端对齐
middle 居中对齐(不常用,不是实际的居中) - white-space 以何种方式处理空白符
normal 正常,合并空格
pre-wrap 不处理,不合并空格
nowrap 合并空格,但不换行 - text-overflow 文字溢出
clip 裁剪
ellipsis 省略号