任务
首先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>
尚未应用,但可以理解。将样式表存为文件,则网页直接调用此样式表。因此可达到效果:多网页共用同一样式,通过修改文件统一修改样式。