1. 通过外部样式表(external style sheets)引入;
2. 通过内部样式表(internal style sheets)引入;
3. 通过内联样式(inline styles)引入。
拓展:
外部样式表是指将所有的样式定义保存在单独的文件中,然后通过HTML标签引入到文档中,这种方式能够让样式在多个文档中重复使用,减少代码量,方便管理。
内部样式表是指将样式定义保存在HTML文档中,通过标签将样式定义以内部样式表的形式嵌入到文档中。
内联样式是指将样式定义直接写在HTML元素的style属性中,这种方式最为灵活,但容易使代码冗余,影响维护。
一般来说只有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直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
大致有三种:嵌入式CSS样式表:比较适用于网页比较少CSS比较简单的网页制作
链接式CSS样式表:比较常用,用于比较复杂的CSS样式以及网页比较多的情况;
引入式CSS样式表:这个不是很常用,使用@import指令
<style type="text/css">
@import url(sheet1.css)
@import "sheet2.css"
</style>