CSS的作用及字体样式

美化网页元素

为什么要美化网页

  1. 有效的传递页面信息
  2. 美化网页，页面漂亮，才能吸引用户
  3. 凸显页面的主题
  4. 提高用户的体验

span标签：重点要突出的字，使用span标签套起来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #title1{
            font-size: 50px;
        }
    </style>
</head>
<body>
欢迎学习<span id="title1">Java</span>
</body>
</html>

字体样式

<!--
font-family：字体
font-size:字体大小
font-weight：字体粗细
color：字体颜色
-->
    <style>
        body{
            font-family: 楷体, "Arial Black";
            color: #ffaf21;
        }
        h1{
           font-size: 50px;
        }
        .p1{
            font-weight: lighter;
        }
    </style>
posted @ 2022-02-10 13:20  摘星丶仙  阅读(28)  评论(0)    收藏  举报