美化网页元素

美化网页元素

1. 为什么要美化网页

  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>

 

2. 字体样式

<!--
font-family:字体
font-size:字体大小
font-weight:字体粗细
color:字体颜色
   -->
<style>
    body{
        font-family:"Arial",楷体;
        color: #f6556f;
    }
    h1{
        font-size:50px;
    }
    .p1{
        font-weight: bold;
    }
</style>

 

3. 文本样式

  1. 颜色 color

  2. 文本对齐的方式 text-align: center;

  3. 首行缩进 text-indent: 2em;

  4. 行高 line-height: 300px;

  5. 装饰 text-decoration

  6. 文本图片水平对齐 vertical-align: middle;

posted @ 2023-01-17 02:21  家兴Java  阅读(23)  评论(0)    收藏  举报