css-3

背景定位                
background-position: 100px（水平） 50px（垂直）;
background-position: 10%（水平） 50%（垂直）;
background-position: top left; right bottom center

设置一个值时，
background-position:100px ;水平方向右100px,垂直方向默认center

没有设置的值就是center

两个值都没设置时默认为当前的容器的左上角

背景关联：

background-attachment:scroll; 默认（背景与内容一起滚动）
background-attachment:fixed; 背景不与内容一起滚动 

简写
background:#ccc url(1.png) no-repeat right top;
background:#ccc; background:url(); 

行块级元素
1、块级元素
特点：可设置宽高，独占一行(这一行只允许他一人存在)
块级元素是可以包含行级元素，也可包含块级元素（<p>不能包含块级元素）
<div> <h1> <p> <ul> <li> <table> ......

2、行级元素
特点：不可设置宽高，相邻的行级元素可以在同行中存在
行级元素可包含行级元素，不能包含块级元素
<span> <a> <img> <em> <i> <b> <strong>
行块级间的转换
行级 -->  块级
display:block;
块级 --> 行级
display:inline;
行级（块级） --> 行块级(可设置宽高，不独占一行)

display:inline-block;

小结：学习了背景定位，设置定位值，背景关联，以及简写的样式。行级元素和块级元素，还有相互之间的转换。