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