CSS:层叠样式表
一.样式表分类
1.内联样式
<div style="30px;height:20px;"></div> 标签 样式=“属性:属性值”
2.内嵌样式(写在头部里)
<head>
<style type="text/css">
标签名{
属性
}
</style>
</head>
3.外部样式表
新建CSS文件 用<link href=""/>连接
<link rel="stylesheet" href="CSS/Untitled-1.css" type="text/css" /> rel:链接 stylesheet 样式调用
二.选择器(针对内嵌来做)
1.标签选择器
<head>
<style type="text/css">
div{
样式属性
}
</style>
</head>
2.class选择器(可重复)
<head>
<style type="text/css">
.a{
样式属性
}
</style>
</head>
<div class="a"></div>
3.ID选择器(唯一)
<head>
<style type="text/css">
#b{
样式属性
}
</style>
</head>
<div id="b"></div>
4.复合选择器
a,b 并列
a b 后代 a>b 子代 <!--子代是指这一个标签,后代是指后面所有标签-->
a.b 筛选
5.优先级
内联>内嵌 id>class class>标签 标签>*