css3的作用及各类样式

最新推荐文章于 2024-03-03 12:59:43 发布

1uuue

最新推荐文章于 2024-03-03 12:59:43 发布

阅读量342

点赞数

分类专栏： CSS3 文章标签：前端 css3

本文链接：https://blog.csdn.net/qq_61727355/article/details/126512357

版权

本文详细介绍了CSS3在美化网页方面的作用，包括为何要美化网页、字体样式如font-family、font-size、font-weight和color的使用，以及文本样式的color、rgba透明度控制、text-align、text-indent、line-height和text-decoration的应用。通过这些样式，可以有效提升网页的视觉吸引力和用户体验。

摘要由CSDN通过智能技术生成

1.美化网页元素

1.1 为什么要美化网页

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

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

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #title1{
            font-size: 50px;
        }

    </style>
</head>
<body>
欢迎学习<span id="title1">Java</span>
</body>
</html>

1.2 字体样式

font-family：字体
font-size：字体大小
font-weight：字体粗细
color：字体颜色

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        body{
            font-family:Arial, 楷体;
            color: darkblue;
        }
        h1{
            font-size: 50px;
        }
        .p1{
            font-weight: bold;
        }
    </style>

</head>
<body>
<h1&g

最低0.47元/天解锁文章

1uuue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3的作用及各类样式

1.美化网页元素 1.1 为什么要美化网页有效的传递页面信息美化网页，页面漂亮才能吸引客户凸显页面的主题提高用户的体验 span标签：重点要突出的字，使用span标签套起来 1.2 字体样式 font-family：字体 font-size：字体大小 font-weight：字体粗细 color：字体颜色 1.3 文本样式颜色–>color rgba（）：调整颜色的透明度，透明度值的范围在0-1之间
复制链接

扫一扫

专栏目录