在网页中应用CSS

最新推荐文章于 2023-01-11 19:40:19 发布

Regnaiq

最新推荐文章于 2023-01-11 19:40:19 发布

阅读量400

点赞数

分类专栏： Coding

本文链接：https://blog.csdn.net/yq_forever/article/details/79609239

版权

20 篇文章 1 订阅

订阅专栏

1.外部样式表
把CSS单独放到一个文件里，后缀名自然是.css，然后在html内引用：

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

2.内部样式表
当单个文档需要特殊的样式时，可以使用内部样式表。顾名思义就是把CSS写在html文件内部，可以使用 <style> 标签在文档开始的地方定义：

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

3.内联样式表
内联意思是在标签内使用样式（style）属性，把内容和样式写在一起，慎用。如：

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

（内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式

注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

优惠劵

关注关注