背景(Background)
CSS2 中有5个主要的背景(background)属性,它们是:
* background-color: 指定填充背景的颜色。
* background-image: 引用图片作为背景。
* background-position: 指定元素背景图片的位置。
* background-repeat: 决定是否重复背景图片。
* background-attachment: 决定背景图是否随页面滚动。
背景图:
background-image: url(image.jpg);
有的时候我们需要背景平铺:
background-repeat: repeat; background-repeat: no-repeat; background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: inherit;
--------------------------------------------------------------------------------------
选择器
--------------------------------------------------------------------------------------
标签选择器
<p>Hello,World!</p>
ID选择器
<div id="topDiv">Hello,world</div>
类选择器
<div class="topDiv">Hello,world</div>
---------------------------------------------------------------------------------------
块级元素的特点:1、块级元素里面的内容默认显示在块的左上角。2、块级元素默认情况下,单独占满一行的。
层的浮动:
top,left,这些属性,是需要增加一句position:absolute;才能生效,如:
position:absolute;
top:200px;
left:40%;
当然也可以用magin:
半透明的层:
filter:alpha(Opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.5;*支持 FireFox 浏览器*/ opacity: 0.5;/*支持 Chrome, Opera, Safari 等浏览器*/