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>

尚未应用,但可以理解。将样式表存为文件,则网页直接调用此样式表。因此可达到效果:多网页共用同一样式,通过修改文件统一修改样式。

发布了30 篇原创文章 · 获赞 2 · 访问量 772

猜你喜欢

转载自blog.csdn.net/cascara/article/details/103357911