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 @ 
 
hollg 
阅读(225) 
评论(0) 
编辑 
收藏 
举报


        

	    
	    
    









    
    

    
    



    

        
    

        

            
                
                
            
        

    



    相关博文：

    

            

                · 
                CSS-美化网页-文本样式-颜色-对齐方式-首行缩进-行高-装饰-文本图片水平对齐
            

            

                · 
                HTML5-网页基本标签
            

            

                · 
                css作用及字体样式
            

            

                · 
                CSS的作用及字体样式
            

            

                · 
                css美化
            

    





    

    阅读排行：
    

 ·          TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
        

 ·          阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
        

 ·          【译】Visual Studio 中新的强大生产力特性
        

 ·          【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
        

 ·          10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
        



    

    



	

	

	
	

	

	

	





    

        

    











    


    
    








  

  
点击右上角即可分享

  微信分享提示

   
    
SQL AI 助手