CSS背景定位部分知识点和行块级元素的定义

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


简写
background:#ccc url（图片路径） no-repeat right top;    （不同属性用空格隔开即可）


一、行块级元素
1、块级元素
特点：可设置宽高，独占一行；
块级元素可以包含行级元素，也可以包含块级元素（<p>不能包含块级元素）
<div></div>
<h1></h1>
<p></p>
<ul></ul>
<li></li>
<table></table>
......


2、行级元素
特点：不可设置宽高，相邻的行级元素可以在同行中存在；
行级元素可包含行级元素，不能包含块级元素
<span></span>
<a></a>
<img></img>
<em></em>
<i></i>
<b></b>
<strong></strong>
......


3、行块级间的转换


（1）行级 -> 块级
display:block;


（2）块级 -> 行级
display:inline;


（3）行级或块级 -> 行块级（可设置宽高，不独占一行）

display:inline-block;