一.CSS三种样式 代码
宽度 高度 实线 颜色 A内联样式是优先级最高的方式 px必须写
A:内联式 弊端:代码多很乱
<body>
<div class="divclassA" style="width:100px; height:100px; border:1px solid #000;">
</div>
</body>
BBBB:内嵌式
<head>
<style type="text/css">
.divclassB {
width:100px;
height:100px;
border:1px red solid;
margin-top:5px;
}
</style>
</head>
<body>
<div class="divclassB" > </div>
</body>
CCC:外部式
<head>
<link rel="stylesheet" href="css.css" type="text/css"/>
</head>
新建CSS样式表 css.css
.divclassC{
width:100px;
height:100px;
border:1px red solid;
margin-top:5px;
}
选择器特效
<head>
<style type="text/css">
.divclassA:hover
{
background-color:white;
cursor:pointer;
}
a:hover{ text-decoration:underline;}
a:active{ background:black;}
a:link{ color:green;}
</style>
</head>
优先级顺序 A B C
修改 顺序 c b a 从优先级最小的
二.标签选择器:选出需要修改的标签和属性
写在<head>中
<head>
标签{ 属性;}
</head>
1div{属性;}
2*{属性;}
3#{属性;}
.divclass{ width:100px;
height:100px;
border:1px red solid;
margin-top:5px;
}
自定义属性[xy]{属性;}
自定义标签ab{属性;}
复合选择器 用,
.divclassA,divclassB{属性;}
鼠标点击时
.divclassA:hover{属性;}