html和css怎么结合

html-css09

html和css怎么结合,第1张

方式一:每个标签加一个属性法

<div style="background-color:redcolor:green"></div>

方式二:head中加style标签(不好,需要修改html文件)

<style type="text/css">

div{

background-color:red

color:green

}

</style>

方式三:head中加载css文件(只需修改css文件)注意:这种方法某些浏览器不起作用,不要用了

<style type="text/css">

@import url(div.css)

</style>

css文件中

div{

background-color:red

color:green

}

方式四:head中使用头标签 link

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

一般来说只有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直接更改或者赋值给某个标签,但是其实是属于第三种的范围的