规范及兼容性课件.ppt

补充知识热区<imgsrc=""usemap="#Map"/><mapname="Map"><areashape="circle"coords="378,132,56"href=""><areashape="rect"coords="462,157,566,217"href=""><areashape="poly"coords="227,251,186,220,168,221,159,234,147,258,141,283,146,300,153,315,161,329,171,336,182,343,201,343,219,339,235,324,238,319,236,313,231,301,227,290,224,280,224,272,224,268,226,261"href=""></map>map热区area点击区域 shape="circle"圆型coords="圆心点X,圆心点Y,圆的半径" shape="rect"矩形coords="矩形左上角x,矩形左上角Y,矩形右下角X,矩形右下角Y"shape="poly"多边形coords="第一个点X,第一个点Y,第二个点X,第二个点Y,...”*iframe元素会创建包含另外一个文档的内联框架(即行内框架)<iframesrc="th="1200"height="600"frameborder="0"scrolling="no"></iframe>锚点:a<ahref="#p1">aboutus</a><ahref=""name="p1"id="p1">contactus</a>display:none位置也清空visibility:hidden;位置仍然在;*常见规范pdth标签中不能嵌套块元素如:<p><h3>dfdf</h3></p>ul>liol>lidl>dt>dd拥有子父级关系的标签之间不要嵌套任何标签a标签里面不能嵌套a标签classid命名必须以英文字母开头;多个class<divclass=“class1class2”></div>一个页面只能有一个同名的id内联元素不能嵌套块元素标签用小写IE6下的双边距BUG    在iE6下当块元素有浮动时,横向的margin会被放大2倍; 解决办法:将块元素转换成inline;margin     (1):上下外边距会塌陷;   (2):(在父级没加border的前提下)给div(父级)里面的div(子集)加margin则会将margin传给父级,而自己不起作用;    ps:(外边距有很多问题,能不用尽量不要用,用内边距替代)在IE67下 li本身没浮动,但是内容加了浮动之后 在ie67下li之间会多出几px; 解决办法:1:给li也加浮动 2:vertical-algin:top/middlebottom;IE6最小高度问题在IE6下元素高度小于19px的时候,浏览器会被当做19px来处理;解决方法:overflow:hidden解决(优);也可以用font-size:0;但是在ie6中最小为2px;  在ie6下,子元素是相对定位,父元素overflow:hidden包不住子元素;(相对定位提升了层级)  解决办法:给父级也加相对定位;img下面的空隙解决办法:img>display:block;  /