css引入的方式有什么

系统版本：windows7

在网页中css主要负责html文档的样式显示，CSS引入的方式大致可以分为四种，分为是行内样式、内嵌样式、链接样式和导入样式。

1、行内样式

行内式也叫内联样式，是指标记的style属性中设定css样式。

<div style="background: red;">hello world!div>

2、内嵌样式

style元素位于head标签内部，type属性指定css代码的文档类型。

<head> 　　<style type="text/css"> 　　　　div{background: red;} 　　style> head>

3、链接样式

它在网页的标签对中使用标记来引入外部样式表文件。

<link type="text/css" rel="stylesheet" href="CSS样式文件的地址">

4、导入样式

导入外部样式单主要通过@import方式导入css文件，有两种导入方式。

(1)在style元素中导入CSS文件

<style type="text/css"> @import "CSS样式文件的绝对地址"; @import url("样式文件的绝对地址"); style>

(2)在CSS文件中再导入CSS文件

/*某个CSS文件*/ @import "另一个CSS文件的地址"; .test{ width: 100px; height: 100px; line-height: 20px; background-color: red; }

标签：引入 css

当前位置：懂科普 >