落日之城

‘’如果有一天我们淹没在茫茫人海中庸碌一生,那一定是我们没有努力活得丰盛。”...

在网页中应用CSS

那么该怎么在html文件内使用CSS?

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 > 浏览器默认样式

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

阅读更多
版权声明:转载请先联系作者获得许可,转载后请注明出处。 https://blog.csdn.net/yq_forever/article/details/79609239
个人分类: Coding
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭