css样式表的三种⽅式CSS的引⼊⽅式共有三种:⾏内样式、内部样式表、外部样式表。⼀、⾏内样式
使⽤style属性引⼊CSS样式。
⽰例:
<h1 >style属性的应⽤</h1>
<p >直接在HTML标签中设置的样式</p>
实际在写页⾯时不提倡使⽤,在测试的时候可以使⽤。
⼆、内部样式表 在style标签中书写CSS代码。style标签写在head标签中。 ⽰例:
<head>
<style type="text/css">
h3{
color:red;
}
</style>
</head>
三、外部样式表
CSS代码保存在扩展名为.css的样式表中
HTML⽂件引⽤扩展名为.css的样式表,有两种⽅式:链接式、导⼊式。
语法:
1、链接式
<link type="text/css" rel="styleSheet" href="CSS⽂件路径" />
2、导⼊式
textstyle<style type="text/css">
@import url("css⽂件路径");
</style>
链接式和导⼊式的区别
link标签引⼊
1、属于XHTML
2、优先加载CSS⽂件到页⾯
@import
1、属于CSS2.1
2、先加载HTML结构在加载CSS⽂件。
样式优先级
⾏内样式>内部样式>外部样式(后两者是就近原则)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论