用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如,侧边栏的部分区域。position:sticky为此而生。position:sticky用法pos...
分类:
Web程序 时间:
2014-07-07 08:11:51
阅读次数:
368
很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。写一个Button,有两种方式:其一,直接button标签;其二,input type=”button”。不管哪种方式,Button的宽度在IE6、7下总是不能完美,接下来我们演示一个普通的Butto...
分类:
其他好文 时间:
2014-07-07 08:00:12
阅读次数:
170
随着智能手机的流行,响应式网页设计无疑成为了如今网页设计的大趋势。对于新手来时,响应设计听起来有点复杂,但它实际上是比你想象的更简单。只需下面的3个步骤即可构建一个响应式的网页!1.Meta Tag大多数移动浏览器扩展的HTML页面到宽视口宽度,以便在屏幕上适合。您可以使用viewport meta...
分类:
其他好文 时间:
2014-07-07 00:13:08
阅读次数:
245
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大...
分类:
Web程序 时间:
2014-07-06 20:17:21
阅读次数:
177
弹出层效果API 属性 默认值 说明 ButId but 点击按钮Id(必选) ElementId box 弹出层Id(必选) title 提示信息 提示层标题(可选) content 自行编辑 提示层内容(可选) width 340px 提示层宽度(可选) height 120px 提示层高度.....
分类:
Web程序 时间:
2014-07-06 19:54:37
阅读次数:
143
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达...
分类:
Web程序 时间:
2014-07-06 19:52:47
阅读次数:
129
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义css#wrap{white-space:normal;...
分类:
Web程序 时间:
2014-07-06 14:32:53
阅读次数:
175
1、文件新建 (1).菜单栏新建,快捷键(Ctrl+N) (2).预设的使用--->一般用于网页制作,就选择Web,宽度,高度的单位,网页是像素 (3).分辨率的设置--->电脑网页屏幕分辨率为:72,分辨率越高,图像越清晰 (4).颜色模式--->位图模式,灰度模式,GRB模式(主要用于网...
分类:
其他好文 时间:
2014-07-05 22:45:13
阅读次数:
224
简单的"拼图"实现
1.可自由显示多张图片,每张可自由移动、旋转、缩放
2.基于json的图形位置参数存储
3.手动摆放位置后,可记录位置参数至文件
后续:
1.切换图形位置时加上渐变动画
2.目前录入的参数为绝对参数,没有相对手机宽度做相对参数,后期完善
...
欢迎大家一起来丰富一些有趣的功能、!...
分类:
移动开发 时间:
2014-07-04 08:11:52
阅读次数:
348
$('#ajaxPage').modal('show').css({
width: 'auto',
'margin-left': function () {
return -($(this).width() / 2);
...
分类:
Web程序 时间:
2014-07-04 07:55:30
阅读次数:
273