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>

 

posted @ 2022-06-22 16:27  hollg  阅读(207)  评论(0编辑  收藏  举报