摘要：
布局样式有前面的三个相关博文介绍： 该页面因为方便以后自己用，所以JS并没有判断输入内容为空或不对的情况。页面本身特点：1.页头的透明图，方便不更换底层渐变的情况下，更换图片2.浏览器宽度改变，中间body的几个div总是居中3.页脚紧跟着主体，内容图片跟着右侧。 为了页面更简洁，样式一般会放在cs 阅读全文
摘要：
由于浏览器页面有大有小，为了适应浏览器宽度，可以让div总是对于浏览器居中，设置div左右两边的margin为auto可以实现这个效果。如图，第一个是默认div，无上下左右外边距，第二个是设置了margin为auto的，拖动浏览器，改变浏览器大小，可以看到第二个div总是相对于浏览器居中。测试代码： 阅读全文
摘要：
在HTML里，由于浏览器显示器等差异，浏览器的宽度也会有变化，为了适应不同的宽度，需要用到平铺。例如页面前面的固定的条等，如果是纯色，可以用背景色，如果不是纯色，是渐变等，可以用条状图平铺。常见的布局方式一般有table和div，如果需要单个图片和渐变平铺都需要，则不能放到一个td里，或一个div里 阅读全文
摘要：
观察可发现，一般的HTML页面分为上中下三部分，上边是导航一栏，中间是内容，下方是页面的下部分。注意html里body本身自带8px的上下左右外边距，如图，在qq浏览器和ie里可以看到body本身是8px的margin，在设置大分区的时候，需要把该margin清零，如果有需要，带着也可以，如果不想留 阅读全文
摘要：
HTML里background-image中，可以设置background-repeat实现平铺，前面博文中关于css样式换行的（相关博文：超文本css样式换行），其中有个三个div组合的，中间的div是平铺的，但是没有设置repeat值，默认就平铺了，默认就是横向纵向都是平铺的，不需要特别设置。b 阅读全文