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 
阅读(247) 
评论(0) 
 
收藏 
举报