行内样式
行内样式使用style属性直接在标签内部设置
<p style="color:#ff0000;font-size:20px;">12121</p>
内嵌式
内嵌就是将css写在<head>
和</head>
之间
并且使用<style></style>
的方式进行声明
<style type="text/css">
p{
color:#0000ff;
text-decoration:underline;
font-size:25px;
}
</style>
....
<p>balabala</p>
链接式
链接式是使用频率最高,同时也最为实用的
<html>
<head>
<title>css演示</title>
<link href="08.css">
然后编写08.css放在同文件
导入样式
@import url(nub);
@import url("nub");
@import nub;
@import "nub"
使用样式 可以导入很多个
<html>
<head>
<title>css演示</title>
<link href="08-07.css">
<style>
<!--
@import url(01.css);
-->
</style>
样式的优先级:
行内式 〉 嵌入式 〉(导入式,链接式)
同时导入式和链接式遵循覆盖原则 后面的优先级高于前面的