已采纳回答 / loveya
no-repeat是background的属性,对background-image没有作用的,你要把background-image改成background,才能使用no-repeat.
2016-04-15
W3C标准:由万维网联盟制定的一系列标准,包括:
结构化标准语言(HTML和XML)
表现标准语言(CSS)
行为标准语言(DOM和ECMAScript)
倡导结构、样式、行为分离
CSS中的定位机制:
标准文档流
浮动
绝对定位
标准文档流的特点:
从上到下,从左到右,输出文档内容
由块级元素和行级元素组成
注:
块级元素:从左到右撑满页面,独占一行,触碰到页面边缘时,会自动换行,如:div,ul,li,dl,dt,p
行级元素:能在同一行内显示,不会改变HTML文档结构,如:span,strong,img,input
结构化标准语言(HTML和XML)
表现标准语言(CSS)
行为标准语言(DOM和ECMAScript)
倡导结构、样式、行为分离
CSS中的定位机制:
标准文档流
浮动
绝对定位
标准文档流的特点:
从上到下,从左到右,输出文档内容
由块级元素和行级元素组成
注:
块级元素:从左到右撑满页面,独占一行,触碰到页面边缘时,会自动换行,如:div,ul,li,dl,dt,p
行级元素:能在同一行内显示,不会改变HTML文档结构,如:span,strong,img,input
2016-04-15
最赞回答 / 慕粉3117827
相对定位是相对于自身原有位置偏移,仍处在标准文档流中绝对定位是一包含快为基准定位,脱离标准文档流。在没有设置偏移量的情况下:无论是否存在已定位的祖先都会保持在元素初始位置;在设置了偏移量的情况下:如果有已定位的祖先就会以最近的定位祖先为参照基准定位,如果没有已定位的祖先则以HTML为参照基准定位
2016-04-14
*{margin:0; padding:0;}
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px;}
#mid{position:absolute;top:0px;left:122px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:789px;border:1px solid #999;}
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px;}
#mid{position:absolute;top:0px;left:122px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:789px;border:1px solid #999;}
2016-04-13