当前位置 博文首页 > Champhoenix的博客:CSS字体样式
属性 | 说明 |
---|---|
font-family | 字体类型 |
font-size | 字体大小 |
font-weight | 字体粗细 |
font-style | 字体风格 |
color | 字体颜色 |
1.font-family
可指定多种字体,默认宋体
比较美观的中文字体有微软雅黑、宋体,英文有Times New Roman,Arial,Verdana
2.font-size
关键字:small,medium,large
像素值:px
3.font-weight
属性值(关键字(数值)) | 说明 |
---|---|
lighter(100) | 较细 |
normal(400) | 正常 |
bold (700) | 较粗 |
bolder(900) | 很粗 |
4.font-style
normal正常(默认值)
italic斜体
oblique斜体(让没有italic属性的字体也可以斜体)
5.color
关键字 red green等
16进制RGB值 #000000黑;#FFFFFF白
6.CSS注释
/*内容*/
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#pd
{
font-family:"微软雅黑","宋体";
font-size:20px;
font-weight:bold;
color:blue;
}
</style>
</head>
<body>
<p id="pd">缘分让我们相遇乱世之外,命运却要我们危难中相爱。</p>
</body>
</html>
效果: