注释快捷键:<!-- ctrl+/ -->
行内样式
(1)内部
标签的style属性中
落霞与孤鹜齐飞,秋水共长天一色</p>
写到style标签中
<style type="text/css">
p {
color: blue;
background-color: yellow;
}
</style>
运行结果:
(2)外部
写在外部的css文件中,然后通过link标签引入外部的css文件
<link rel="stylesheet" type="text/css" href="style.css" />
尖叫提示:注意优先级
在此,我们建立两个css文件,style.css和a.css
然后通过link标签引入外部的css文件
第6行和第7行都有link标签,都运行了,但是结果只显示了第7行,因为第7行将第6行覆盖住了
css位置优先级:行内样式>内部样式>外部样式