1.css选择器
| Id选择器 | #box（例子） | Id表示身份，在页面中原色的id不允许重复，因此id选择器只能选择单个元素 |
| 类别选择器 | .nav | 选择拥有该类的多个元素 |
| 标签选择器 | div | 根据标签名称，选择对应的所有标签 |
| 通用选择器 | * | 针对页面上所有的标签都生效 |
2.行内样式优先于内部样式
- 行内样式《权重值1000例如：》
- ID选择器《100例如：#btn、#box》
- 类选择器《10例如：.act、.nav》
- 标签选择器《1例如：div、p》
- 通用选择器《0，例如：*》
即，选择器选择的范围越精确，优先级越高
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a{
color: yellow; /*标签选择器 1 */
}
div a{
color: green;/* 两标签选择器1+1 */
}
.demo a{
color: black;/*类选择器+标签选择器 10+1 */
}
#demo a{
color: orange;/* id选择器+标签选择器100+1 */
}
div #demo a{/*id选择器+两标签选择器 1+100+1 */
color: red;
}
</style>
</head>
<body>
<a href="">应该是黄色</a>
<div class="demo">
<a href="">应该是黑色</a>
</div>
<div id="demo">
<a href="">应该是红色</a>
</div>
</body>
</html>
结果：
3.边框类型有三种 border: solid 1px #808080;
| solid | ———————————— | 直线 |
| dashed | ---------------------- |
|
| dotted | ···························· |
|
186
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
