求解释下这个css样式的意思~no-repeat fixed 50% top rgb(32,84,36);}*#title a{color:rgb(32,122,0);}*.date{background:none repeat scroll 0 0 rgb(176,215,124);}*#copy p,*#copy p a{color:rgb(255,255,255);}*.user-bio{color:rgb(255,255,255);}
来源:学生作业帮助网 编辑:作业帮 时间:2024/11/16 18:25:04
求解释下这个css样式的意思~no-repeat fixed 50% top rgb(32,84,36);}*#title a{color:rgb(32,122,0);}*.date{background:none repeat scroll 0 0 rgb(176,215,124);}*#copy p,*#copy p a{color:rgb(255,255,255);}*.user-bio{color:rgb(255,255,255);}
求解释下这个css样式的意思~
no-repeat fixed 50% top rgb(32,84,36);}
*#title a{color:rgb(32,122,0);}
*.date{background:none repeat scroll 0 0 rgb(176,215,124);}
*#copy p,*#copy p a{color:rgb(255,255,255);}
*.user-bio{color:rgb(255,255,255);}
求解释下这个css样式的意思~no-repeat fixed 50% top rgb(32,84,36);}*#title a{color:rgb(32,122,0);}*.date{background:none repeat scroll 0 0 rgb(176,215,124);}*#copy p,*#copy p a{color:rgb(255,255,255);}*.user-bio{color:rgb(255,255,255);}
第一句:
整句应该是background:("url") no-repeat fixed 50% top rgb(32,84,36);
no-repeat表示此背景图片在页面中只出现一次,不进行横向和纵向的平铺;
fixed表示当页面的其余部分滚动时,背景图像不会移动;
50%表示将背景图片的 50%(center)这个点,和容器的50%(center)这个点对齐(可以理解为在容器中横向居中);
top表示图片顶部和容器对齐;
rgb代表一个色值,也可用16进制来表示.
下面是我写的代码,有助于理解背景位置的关系.
<div style="background:url(../style/blue/othercommon/images/logo.jpg) no-repeat 50% top; width:200px; height:200px; border:1px solid #000;"></div>
其中黑色边框为div的框架,最终效果如下图:
第二句:
*为css hack技术,带有*的样式只能够被IE6和IE7解析,所以此句的意思是在IE6和IE7中页面ID=title中的a元素颜色值为rgb(32,122,0).
第三句:
scroll表示当页面的其余部分滚动时,背景跟着移动;
其他的同第一句.
第四句:
IE6和IE7下页面ID=copy的元素中的P元素和ID=copy的元素中的P元素中的a元素的颜色值为(255,255,255).
第五句:
IE6和IE7下面class=user-bio的元素颜色值为(255,255,255).
PS:告诉你可同时区分IE8、IE7、IE6、Firefox的CSS hacks:
.test{
color:#000; / Firefox /
color:#00f\9; / IE8 / 此CSS HACK能够被所有IE浏览器解析
*color:#f00; / IE7 / 此CSS HACK只能被IE6和IE7浏览器解析
_color:#0f0; / IE6 /
}