1.css基本选择器
<style type="text/css">
</style>
1)标签选择器
元素{
key:value;
...
}
2)类选择器 (class)
每个html标签都有一个class属性
.classname{
key:value;
...
}
3)id选择器:每个html标签都有一个id属性
#idName{
key:value;
...
}
4)优先级
style > id选择器 > class选择器 > 标签选择器
2.扩展选择器
1)关联选择器
<div><p>qqqqqqqqqqqqq</p></div>
设置p标签样式,标签嵌套
<style type="text/css">
div p{
}
</style>
2)组合选择器
不同的标签设置成相同的样式
div,p{
}
3)伪元素选择器
css内定义好的一些元素,可以直接拿来使用
比如超链接的状态:
*原始状态
a:link{
}
*悬停状态
a:hover{
}
*点击状态
a:active{
}
*访问之后
a:visited{
}
3.css盒子模型
边框 border 给三个值
内边距 padding 上下左右 pading-top ...
外边距 margin 上下左右 margin-top ...