任務
首先Javascript教程中便提到了CSS,其後在HTML中也反覆出現,一個聯繫緊密的中文詞爲樣式。
內容
內聯樣式
在元素中應用style屬性
<code style="text-align:left">#include<stdio.h></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>
尚未應用,但可以理解。將樣式表存爲文件,則網頁直接調用此樣式表。因此可達到效果:多網頁共用同一樣式,通過修改文件統一修改樣式。