1、css分为三种样式,行内样式,内部样式和外部样式表。
2、三者优先级为:行内>内部>外部;遵循就近原则(离元素近)。
3、head中,link写在style上面。
内部样式表
<head>
<style type="text/css">
选择器{
声明1;
声明2;(属性:值;分号不可少)
}
</style>
</head>
1、方便同页面修改;
2、不利于对页面共用,不能分离。
行内样式
<p style="
color="";
font-size="";">
</p>
外部样式表
1、链接外部样式
<head>
<link rel="stylesheet" href="./文件名" type="text/css"
</head>
属于XHTML,先加载再编译,速度快,兼容性更好。
2、导入外部样式
<head>
<style>
@import url(./文件路径)
</style>
</head>
属于CSS2.1,先显示结构再加载,速度慢,兼容性差,一般不推荐使用。
@import url(./文件路径)的括号里双引号,单引号,不加,三种方式都可以。