摘要：第一部分：几个常见的布局实现方式 一、左右两边固定, center中间自适应未知 html代码中 center 部分首先要放在box的最前部分。然后是left,right 圣杯布局： 中间列如果是100%的宽度,各个元素只浮动,后面的元素是会被挤在第二行的。当该元素使用margin-left并超过自 阅读全文

摘要：自己很喜欢查看设计出彩的网页，在CSS Zen Garden选择了一个颜色搭配亮眼、结构错落的网页，照着原页面自己写了一个出来。之前做页面的时候总是会把原页面和自己做的放到PS里一个像素一个像素对比查看，因为刚写完的页面整体看不出大的问题，但是对比之后会发现字体啦、浏览器兼容啦还有一些标签自带的ma 阅读全文

摘要：我发现强迫症真的是我一个大病。。。每次都非得把所有情况都实验出来不可。。。BUT!!!!!!!!!悲催的是，这么多情况我根本记不住。。。还是要在写代码的时候不断出错再排错~受不了自己了！不过还是把这部分总结到这里啦~ 下面的几个部分应该是margin重叠问题的所有情况了： 1、两个普通元素上下的ma 阅读全文

摘要：遮罩弹窗的实现： <style> body{ height:100%; margin:0;} .shadow{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filte 阅读全文

摘要：现对目前接触到的兼容性问题做个总结，慢慢补充啦~~~IE6真是爹啊啊~~~ 1. 最小高度问题：在IE6下，当元素高度<19px时候，当成19px来处理。 解决：给元素添加overflow:hidden; 2. border:1px dotted #000;在IE6下效果等同于dashed，但是从2 阅读全文

摘要：关于浮动，最主要的就是解决浮动在IE6、7下要做的兼容问题。例如：双边距bug，图片下的空隙问题等等。后面要和定位带来的兼容问题一起总结一下好了~~~ 块的特征 1、默认独占一行 2、没有宽度时，默认撑满一排（即父元素有多宽它就是多宽） 3、支持所有css命令 行内元素的特征 1、同排可以继续跟同类 阅读全文