背景(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 等浏览器*/

 

posted on 2015-11-13 15:47  林,天宇  阅读(94)  评论(0编辑  收藏  举报