在html文档中引用css有几种方式?分别是什么?

html-css013

在html文档中引用css有几种方式?分别是什么?,第1张

一般来说只有3种:

1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:

<link href="css/style.css" rel="stylesheet" type="text/css">

2.在Html头部用<style></style>包起来,在这里面编写样式:

<style type="text/css">

*{

padding: 0margin: 0

}

</style>

3.在标签里面直接编写行内样式。

<div style="color: #333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的

在thinkPHP中模板和css是这样的输出和引用的:

首先说模板要放在与模板对应的文件夹中,然后css和js等外部引用的文件要在你模板目录下新建一个名叫public的文件夹,css和js文件就是放在这个文件夹中的。

注意此时要更改模板(htnl文件)中的引用地址的代码,例如:

原来你引用css文件是这样引用的:

<link rel="stylesheet" href="./Css/index.css" />但是在thinkPHP中你要改成:

<link rel="stylesheet" href="__public__/Css/index.css" />__public__的意思访问当前目录下的public 文件夹,thinkPHP就会访问public文件夹。

css主要有三种引用方法:

1,内部引用,在html文档中在<style>标签里面写的css样式

<style>

  bdoy{font-size:14px} 

</style>

2,外部引用,用<link>标签引用外部的css文件,将样式引用到html文档来。

<link rel="stylesheet" type="text/css" href="style.css">

3,在标签中使用,使用style属性将当前的标签样式改变。

<div style="color:red"></div>