CSS学习记录3

背景定位

background-position：100px(水平) 50px(垂直)

background-position：10%px(水平) 50%px(垂直)

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.png);

行块级元素

1、块级元素

特点：可设置宽高，独占一行（这一行只允许他一人存在）

块级元素是可以包含行级元素，也可以包含块级元素(<p>不能包含块级元素)

<div> <h1> <p> <ul> <li> <table>.....

2、行级元素

特点：不可以设置宽高，相邻的行级元素可以在同行中存在

行级元素可包含行级元素，不能包含块级元素

<span> <a> <img> <em> <i> <b> <strong>

行块级间的转换

行级 --> 块级

display:block;

块级 --> 行级

display:inline;

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

display:inline-block;