Web前端學習(二)HTML和CSS的關係

此節,應該上手寫第一個Web網頁Hello World,這在之前學習HTML基礎的時候已經寫過了,這裏不多說。

本節,主要看一下HTML和CSS之間是怎麼協同工作的。

話不多說直接上代碼

例:爲Hello World添加樣式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html和CSS的關係</title>
        <style type="text/css">
        h1{
            font-size:12px; /* 字體大小 */
            color:#930; /* 字體顏色 */
            text-align:center; /* 字體居中 */
        }
        </style>
    </head>
    <body>
        <h1>Hello World!</h1>
    </body>
</html>

在這裏插入圖片描述

總結:

1、css是用來修飾html樣式的
2、html本身是有一些默認樣式,如果我們想改變html標籤的樣式,就需要藉助css
3、html+css構成了我們網頁的基本頁面結構和樣式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章