布局中常用技巧汇总.docVIP

div+css布局中常用方法汇总1、让文本框textarea适应内容自动伸缩高度:textarea style=width:300px; overflow-y:visible 2、cursor:pointer 使鼠标变成手形 3、word-wrap:break-word;控制是否断词 4、word-break:keep-all;控制文本不断行 5、最后finally，开始first，虚线dashed，内部里面的inner,外面的外表的outer，注释note，热点hotspot，branding品牌，翻页pageturn，奇数行add 6、透明设置：filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; 7、解决IE中列表高度显示不正确的问题：*html ul li{float:left;height:1%;}*html ul li{height:1%;} 8、a:hover在ie6及以下必须加链接才会有效；.over+javascript用在th:hover时ie6及以下才能识别。 9、onfocus=this.blur(),onfocus是获得焦点事件，blur是移除焦点，换句话说就是不让这个链接获得焦点 10、直接模仿iframe产生滚动条#content{heitht:200px;width:300px;overflow:auto;} 11、父li设置了高度，而子li的高度不同时，要先给li：height:auto，在嵌套的列表里，将父li 浮动后，要将子li的float=none，子列表的所有内容都float=none，父ul设置了margin时，子ul要margin=0，因为子会应用父的样式 12、在写类名、id名尽量写的权级低一些，从尔避免后面覆盖要写很长 13、高度不适应：高度不适应主要发生在两个嵌套的对象中，特别当内层对象使用margin或padding时，外层对象不能自动调节高度。解决方法：1)在外层对象加padding或border，会使计算机重新计算高度2)可以修改html添加新的对象：.css{heght:0px;overflow:hidding;} 14、在制作的时候注意测试在宽频浏览器下的表现 15、解决flash在上面档住的问题：wmode=opaque写在param name=wmode value=opaque；解决ie的问题，写在embed里wmode=opaque解决fox的问题 16、在ie6里面，图片会默认有一些大于较长尺寸的边，解决的方法是将图片设为display:block,就ok了 17、网站代码命名：search搜索、drop下拉、theme主题外观、tool\toolbar工具条、cor\corner转角、圆角、layout布局、searchbox搜索框、dorpmenu下拉菜单、arr\arrow箭头 18、单独写给fox浏览器：class=war-box3 lang=zh 样式：.war-box3 table:lang(zh){} 19、more用a，不要用span 20、max-height:检索对象的最大高度，由数字和单位组成的长度值，或者百分数，不可为负数。min-height:同上，检索对象的最小高度max-width:同上，检索对象的最大宽度max-height:同上，检索对象的最小宽度 21、如果用z-index,就要将两个层都设置，这样济览器才能对比。 22、IE6会撑开，可以使用overflow=hidden; 将层的margin-bottom设置为负数，这样可以让下面的层负上来 23、在遇到制作问题而不明原因时，可以用给背景加红色或加边框，将问题突出出来；如果实在找不出问题的原因，就用排除的方式，查看结构是否有问题，或还是样式表的问题，逐步找出问题的原因 24、在表单里，lable/lable左浮动后，后面的input无素就会跑上面去（在fox下），原因是父元素p应用了text-indent,只要把归零就好了 25、图片上不要定义padding,把他定义a上面，或li上面，把图片定义成块级 26、在写导航列表时，要把样式写在a上面，不要写在li上面 27、voice-family:\}\;voice-family:inherit;说明：当ie5解析到这儿时就停止了，当ie6解析到这儿时，会继续往下解析 28、当页面调用iframe时，需要在页面刷新时回到页面顶部：iframe onload=top.scrollto(0,0); id=dfsarrer src=http:// scrolling=no frameborder=0 marginwidth=0 29、当flash页面中