一:行内样式表:临时测试用
每个元素都有style属性,格式:<元素 style="属性名:属性值;">内容</元素>
<div class="a">
<h1>行内样式表</h1>
<p style="color:red;font-size:36px;">行内样式表的属性不需要双引号,属性值得单位通常是像素px为单位</p>
</div>
二:内嵌样式表:常用的一种
在<header>中添加style,在当前的文档可以使用该样式,需要的时候可以使用
<style type="text/css">
p{
color: red;
font-size: 36px;
}
</style>
三:外部样式表:非常常用的一种
新建一个扩展名为.css的文件,添加选择器及其属性,如:
p{
color: red;
font-size: 36px;
}
在需要引入该文件中的属性的文件(html)的<header>中引入:
<link rel=”stylesheet” href=”外部css文件的地址 ” />
可以引入多个css文件,一个css文件也可以被多个文档使用
四:导入样式表:管理css样式
格式:@import url(另外一个css样式)
ps: @import是css样式标签,所以必须放到css文件中
<style type="text/css">
@import url(a.css);
p{
color: red;
font-size: 36px;
}
</style>