如何引入css文件

作者:互联网

2026-04-04

HTML教程

引入css文件的方法:1、使用style属性引入CSS样式;2、在style标签中书写CSS代码;3、CSS代码保存在扩展名为【.css】的样式表中。

本教程操作环境:windows7系统、css3版,DELL G3电脑。

引入css文件的方法:

一、行内样式

使用style属性引入CSS样式。

示例:

style属性的应用

直接在HTML标签中设置的样式

实际在写页面时不提倡使用,在测试的时候可以使用。

例如:

    行内样式          

Leaping Above The Water

我是p标签

二、内部样式表

在style标签中书写CSS代码。style标签写在head标签中。

示例:

   

例如:

    内部样式表         
我是DIV

三、外部样式表

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。

语法:

1、链接式

2、导入式

例如:

    外部样式表              
  1. 1111
  2. 2222