背景关联
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)行级或块级 -> 行块级(可设置宽高,不独占一行)
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;