CSS——casading style sheet 级联样式表

152 阅读1分钟

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(./文件路径)的括号里双引号,单引号,不加,三种方式都可以。