css引入方式

3,263 阅读1分钟

css的引入方法

1.行内样式

在标签中写入,标签具有style属性,在style的属性值中声明。

语法:<标签 style="声明1;声明2;......">

注:每个声明后面都要加上;

2.内部样式

在HTML中使用<style>标签,一般写在<head>中。

语法:
<style type="text/css">
选择器{声明1;声明2;声明3;.......}
</style>

3.外部样式

使用link引入一个外部css文件。

使用方式:
1. 新建一个css文件,在里面正常写入css<br>
2. 在HTML页面中加入`<link type="text/css" rel="stylesheet" href="要引入的css文件的路径"/>`
3. 一般`<link>`放在`<head`>中

4.导入式

  1. 可以在当前css中引入另一个css,写在当前css中即可。
语法:@import url(要导入的css文件的路径);  

5.css优先级

1. 行内样式>外部样式和内部样式
2. 外部样式和内部样式谁后加载谁优先级高