-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-10-14 热度:163
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-10-14 热度:185
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-10-14 热度:147
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-10-14 热度:99
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-10-14 热度:139
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-14 热度:129
css hack的使用 CSS类级别的hack 仅IE7识别 *+html {} IE6及IE6以下识别 * html {} opera、safari、chrome识别: @media all and (min-width: 0px){} // Firefox 3.0.6不识别,但Firefox3.6 也识别该规则,如果Firefox版本有严格要求,请使用下一条规则 @[详细]
-
跨浏览器开发经验总结(一) —— HTML标记
所属栏目:[产品] 日期:2018-10-14 热度:142
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
空气冷却数据 真的好用吗?
所属栏目:[产品] 日期:2018-10-12 热度:71
液体冷却,顾名思义,是一种基于液体冷却的系统通过需要冷却的设备周围的管道泵送液体,这种液体吸收IT设备产生的热量并将其带走。另一种正在开发的液体冷却技术是射流冲击,这种方式将液体射流引向需要冷却的设备。该方法最适合具有高热通量能力和非常规形状[详细]
-
信息架构——规划一个Web站点
所属栏目:[产品] 日期:2018-10-05 热度:70
一般说来,规划一个Web站点(或任何项目)都是一件有点麻烦的工作。对于一个Web站点应该怎样构建,每个人都有自己的意见,而且这些意见之间常 存在冲突。在构建任何Web站点时,你的首要目标都应该是构建一个对将要使用站点的用户有用的Web站点。也就是说,[详细]
-
Firefox Input Button Line-Height Bug
所属栏目:[产品] 日期:2018-10-05 热度:195
最近国外有开发者发现 Firefox 和 Opera 的一个BUG:无法改变按钮里文字的行高(包括input type=sumbit和HTML的button标签)。举个例子,对一个按钮使用以下样式: input#button { border: 2px solid #06f; color: #06f; background-color: #6cf; font: bo[详细]
-
一个基于mootools的圆角边框扩展
所属栏目:[产品] 日期:2018-10-05 热度:191
做圆角边框一般有两种方法,背景图片或者DIV+CSS拼出来。 JQuery下面有个扩展是用纯JS生成的圆角,不过和DIV+CSS拼出来是一样的道理,圆角看上去都比较粗糙。 用背景图片要好看得多,问题是不能拉伸,最简单做法就是用四个角小图片加边框拼出来。不过这样[详细]
-
模仿淘宝网滚动条 window.onscroll事件
所属栏目:[产品] 日期:2018-10-05 热度:169
一、scrolltop解释: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=container style=background-color:silver; width:100px; height:100px; overflow:auto; p style=background-color:red; web前端开发工程师的随记黑妞haha,My job is my caree[详细]
-
IE6下的背景图片不对齐的解决方法
所属栏目:[产品] 日期:2018-10-03 热度:121
问题: 我仿淘宝上的..IE6图标和ie8,ff对不齐..搞了我一个下午了 !doctype htmlhtmlheadstyle type=text/css*{margin:0;padding:0;}ul{list-style:none;}a{text-decoration:none;color:#000;}a:hover{text-decoration:underline;}body{font-size:12px;font[详细]
-
如何使用5G技术、5G什么时候商用 这篇文章可以为你解答
所属栏目:[产品] 日期:2018-10-03 热度:177
5G的脚步越来越近了,但并非所有地方都有它的身影,它也不会突兀而至,最先来到人们眼前的也不是该技术的最快版本。实际可能出现的情况是,5G首先会在人口密集的大都市完成首秀,从2020年或2021年开始,在之后的十年中逐渐普及开来。[详细]
-
多层模态窗口showModalDialog页面提交及刷新
所属栏目:[产品] 日期:2018-09-30 热度:176
1 在第N(N1)层的模态页面中,如果想链接到其他页面或者刷新当前页,只能用 window.name = __self; window.open(window.location.href, __self) //注意是2个下划线 替换 location.href 2 当需要关闭第N(N1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止[详细]
-
网页设计中字体的应用问题
所属栏目:[产品] 日期:2018-09-29 热度:183
font set 概念:字体按优先顺序组成一个列表 通用字体 serif和sans-serif(浏览器找不到前面的字体后将采用浏览器默认字体) -serif 印刷学上指衬线字体(满足末端加强的字体) 比较常见的衬线字体(比较适合做正文)有 Georgia, Garamond, Times New Roman, 中[详细]
-
图片的alt(替换文本)属性描述
所属栏目:[产品] 日期:2018-09-23 热度:83
图片ALT属性的本意是当图片无法正常显示时以文字形式代替显示出来,是为了给那些无法看到文档中图像的网页访问者提供文字说明。 如: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=logoimg src=Images/202.gif width=119 height=40 alt=logo //[详细]
-
教你掌握控制浏览器是否缓存网页状态
所属栏目:[产品] 日期:2018-09-21 热度:181
Question 在 Firefox 等浏览器中,如果你打开一个页面并进行若干操作,例如在文本框进行输入,甚至点击按钮进行Ajax操作更新页面局部,这些操作的结果都会被缓存下来。 烈火网 www.veryhuo.com 在你点击链接离开这个页面后,如果你通过后退按钮回到这个页[详细]
-
IE6 li background 背景图消失问题
所属栏目:[产品] 日期:2018-09-21 热度:165
li第一个链接换行 背景图消失出现在鼠标:hover 或连接按右键的情况() (不换行的没事) 这应该是ie6 的haslayout问题, 加上高度_height:24px;就没问题或zoom:1;就没事 ietest ie7 好像也有这问题 晕 不想用hack 有没有更好的办法 ul.list {padding:5px;ba[详细]
-
英文的自动换行的问题与兼容性解决方法
所属栏目:[产品] 日期:2018-09-21 热度:180
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 h[详细]
-
如何在浏览器地址栏显示网页小图标
所属栏目:[产品] 日期:2018-09-17 热度:183
如何在浏览器地址栏显示网页小图标?在网页的标签里添加下面两行代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!-- 设置网页图标-- link rel=shortcut icon href=/favicon.ico !-- 设置地址栏图标-- link rel=icon type=image/gif href=/animate[详细]
-
不使用框架技术 如何让IE8支持DOM 2
所属栏目:[产品] 日期:2018-09-17 热度:153
众所周知, IE8 开放了对DOM原型的支持以及ECMA v5的两个新方法Object.defineProperty和Object.getOwnPropertyDescriptor(单词好长),并且这两个新方法居然只能用于DOM。微软此举的意图很明显以一种极小的代价实现 DOM2的全部接口。这里举两个例子: Cop[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-17 热度:64
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-17 热度:68
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-17 热度:91
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
