CSS-美化网页-字体样式
1.美化网页是为了有效传递页面信息
2.美化网页,页面漂亮,才能吸引人
3.显示主题
4.提高用户体验
使用标签:
span标签:把重点要突出的字使用该标签包括起来
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> <style> #tlid{ font-size:50px;/*加大字体字号*/ } </style> </head> <body> 学习<span id="tlid">java</span> </body> </html>
字体样式:
font-family:宋体/*设置字体*/
font-size:50px;设置字体大小
font-weight:bold:设置字体粗细
color:设置字体的颜色
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> <!-- 第一个写字体风格:oblique:斜体 第二个写字体的粗细:bolder: 第三个写字体大小:12px 第四个写字体样式:楷体 --> <style> p{ font:oblique bolder 12px "楷体" } </style> </head> <body> <p> 一天晚上,一群猴子在树林里玩耍:有的在树上蹦蹦跳跳,有的在地上打打闹闹。。</p> </body> </html>