摘要:
打印设计是给开发人员使用的工具,用打印设计辅助开发后,打印设计的界面本身的菜单下,可以生成代码,然后把对应的内容信息补充上,拷贝到自己的页面的JS里或存起来,作为模版使用。 也可以关闭打印设计,可返回设计好的JS代码。这种返回的是全部的JS代码。Lodop获取全部JS代码,传统JS模版的生成、Lod 阅读全文
摘要:
除了div,常见的还有用table布局,这里直接用前面博文的页头页尾,如下面的页面的部分,是个简单的table。该页面样式,如果拖动浏览器,可以看到table和文本框总是居中,但是文本框下方那两个按钮没有设置居中,根据浏览器大小宽度拖动,按钮也会有变化。如果想按钮也随着浏览器变动而有较好的位置,也可 阅读全文
摘要:
布局样式有前面的三个相关博文介绍: 该页面因为方便以后自己用,所以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 阅读全文