CSS-美化网页-字体样式

2022-06-22 16:34:46 阅读：149 来源： 互联网

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>

标签：网页,标签,字体,CSS,设置,font,美化
来源： https://www.cnblogs.com/huxingchen/p/16401109.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

CSS-美化网页-字体样式