CSS页面demo

顺晟科技

2022-09-13 12:45:18

214

CSS层叠样式表

(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
通过使用 CSS 我们可以大大提升网页开发的工作效率！

在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。

代码演示：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .demo {
            background-color: #d0e4fe;
            padding: 10px;
        }

        .demo-h1 {
            color: orange;
            text-align: center;
        }

        .demo-p {
            font-size: 20px;
        }
    </style>
</head>

<body>

    <div class="demo">
        <h1 class="demo-h1">这是水香木鱼的 CSS教程</h1>
        <br/>
        <p class="demo-p">水香木鱼的博客</p>
    </div>
</body>

</html>

效果演示：

上一篇：html css3演示下一篇：css+html简单的布局demo

网站建设

Css

CSS页面demo

CSS层叠样式表

代码演示：

效果演示：