css引入的方式有什么

CSS引入到HTML文件的方式都有哪些

发布 : Web前端培训发布时间:2020-07-15 10:26:02

品牌型号：联想小新Pro13

系统版本：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; }

牛仔很忙2020-06-22 18:56:36

CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。对于初学CSS的同学来说，掌握CSS引入方式至关重要，目前来看的话CSS引入到HTML文件主要有三种方式，分别为内联样式、内部样式、外部样式。