CSS3-font和字体基本样式

来源：互联网发布：怎么做淘宝达人编辑：程序博客网时间：2024/05/17 20:32

font

font-size 文字大小font-weight 文字加粗(bold加粗/normal正常)font-style 文字倾斜(italic倾斜/normal正常)line-height 行高 （文字在一行上下居中）font-family 字体 -------------------------------------font:font-weight font-style font-size/line-height font-family;font:font-size font-family(必须要写)

字体基本样式

color 文字颜色text-indent 首行缩进 (1em=1个文字大小)text-align 文本对齐方式(left/center/right)text-decoration 文本修饰(underline下划线/line-through 删除线/overline 上划线/none)letter-spacing 字母间距(字间距)word-spacing 单词之间的间距，通过空格隔开

小练习:

这里写图片描述

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>*{margin:0px;padding:0px;}.box1{width:500px;height:40px;border:1px solid #444;font-size:14px;text-align:center;line-height:40px;font-family:"宋体";word-spacing:20px;}</style></head><body><div class="box1">首页 课堂 关于我们 联系我们</div></body></html>

心得：
对于设置字体时，为了去掉不同电脑浏览器之间的兼容性，必须设置字体样式。空格在不同字体样式中大小是不一样的。精确到每个像素。

0 0