CSS3-font和字体基本样式

最新推荐文章于 2023-02-22 23:21:44 发布

Marvel__Dead

最新推荐文章于 2023-02-22 23:21:44 发布

阅读量1.3k

点赞数

分类专栏： CSS3 文章标签： css3 字体

本文链接：https://blog.csdn.net/Marvel__Dead/article/details/54409621

版权

CSS3 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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>