在页面中引入css的方式有几种

html-css016

在页面中引入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直接更改或者赋值给某个标签,但是其实是属于第三种的范围的

有四种方式,行内样式,内嵌式,链接和导入式

行内呢是在标签里直接写,比如<div

style="text-align:center

width:750px">

内嵌是写在<head></head>之间,例如:<style

type="text/css">

<!--

body

{margin:0

autopadding:0font-family:"宋体"font-size:12px

color:#000000text-align:center}

-->

</style>

链接和导入没有什么太大的区别,需要简历外部CSS文件,在GW中按ctrl+n有那选项

之后在页面<head></head>之间加入CSS文件所在路径调用,如下,<link

href="CSS/CSS1.css"

rel="stylesheet"

type="text/css"

/>