一般来说只有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直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
rel=stylesheet的意思
“rel” 是relationship的英文缩写,它描述了当前页面与href所指定文档的关系;
“stylesheet” 中style是样式的意思,sheet是表格之意,连起来就是样式表的意思;中style是样式的意思,sheet是表格之意,连起来就是样式表的意思;
rel="stylesheet"就是声明此文件为 样式表文件 ,告诉浏览器你link过来的是一个样式。
打个比喻:就好比你带了个妞去一个party,虽然你知道这个妞是谁,但是你没给别人介绍啊,谁知道这个妞是干嘛的。于是你加上rel="stylesheet",
一、内部引用:运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。具体css代码写到<style></style>中,如下面的例子<style>
bdoy{font-size:14px}
</style>
二、外部引用:用<link>标签引用外部CSS文件中的样式。可将CSS做成单独文件。比如css写到style.css文件中,然后在html中应用这个css。一般最常用的这种方法。
<link rel="stylesheet" type="text/css" href="style.css">
三、在代码中使用:<div style="color:red"></div>