HTML學習——CSS

任務

首先Javascript教程中便提到了CSS,其後在HTML中也反覆出現,一個聯繫緊密的中文詞爲樣式。

內容

內聯樣式
在元素中應用style屬性

<code style="text-align:left">#include&lt;stdio.h&gt;</code>

內部樣式表
在頭部區域包括的style標籤內聲明屬性:

<style>
        body
        {
            background-color:#d0e4fe;
        }
        h1{
            color:orange;
            text-align:end;
        }
        p{
            background-color:beige;
        }
    </style>

疑問,若後面與之不相符的聲明服從哪個?
根據一般原則,預測是此後的標籤中爲準。

 <h1 style="color:blue">歡迎光臨!</h1>

在這裏插入圖片描述
得證。
外部樣式表

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

尚未應用,但可以理解。將樣式表存爲文件,則網頁直接調用此樣式表。因此可達到效果:多網頁共用同一樣式,通過修改文件統一修改樣式。

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