CSS学习

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 ...