padding:44px 15px 15px;
border:1px solid #b1adaa;
margin:10px 18px;
padding为填充,代表内边距
margin为边界,代表外边距
border:1px solid #b1adaa;
margin:10px 18px;
padding为填充,代表内边距
margin为边界,代表外边距
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;】}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;margin-left:13px; width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:788px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;】}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;margin-left:13px; width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:788px;border:1px solid #999;}
2016-04-16
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