CSS頁面demo

時間 2021-02-18

標籤 html 佈局字體 spa code htm 對象 blog 教程欄目 CSS 简体版

原文原文鏈接

CSS層疊樣式表

(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。html

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>