北京澳环世纪教育中心 -翻译中心国际交流教育资讯技术讨论

在网页设计发展到一定阶段的时候就必然会和其他学科或领域只是产生交汇和共鸣，在阅读《超越CSS：web设计艺术精髓》这本书的时候，发现原来web设计还可以这样。比较突出的例子是现在经常被设计师提到的网页栅格设计，TAOBAO UED曾经探讨过这个问题（http://ued.taobao.com/blog/2008/09/17/grid_systems/），通过很有逻辑性的公式换算加上一定的数学分析，得到对网页设计有建设性的概念指导，从一定程度上说算是一种创新。...

Tags:

2009年7月11日

关于div+css浏览器兼容性问题

3像素问题及解决办法

当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法

上边容器浮动后，下边的容器跟着浮动，造成页面错乱

如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，footer也跟着浮动到sidebar右侧了，造成页面错乱。解决办法是在maincontent和footer之间插入一个容器，设置样式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除，即可使页面正常

当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？

这种情况可在父窗口加上 overflow:auto;zoom:1;这两个样式属性，overflow:auto;是让父容器来自适应内部容器的高度，zoom:1;是为了兼容IE6而使用的CSS HACK。zoom:1;通不过W3C的验证，这也是遗憾的一点，幸好IE支持<!--[if IE]>这种写法，可以专门针对IE来写单独的样式，所以可以把这个属性写在页面内的<!--[if IE]>中，这样应该可以通过验证了

相对定位与绝对定位

规划页面时，许多时候需要用到相对定位或绝对定位，这里边有个技巧，掌握后有些地方就不用繁冗的js了。就是当父容器使用相对定位后，此时子元素再使用绝对定位，位置是相对于父元素。如果父元素没有定位，那么子元素的绝对定位是相对于浏览器

IE6双倍边距bug

当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px，而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug

...

Tags:

2009年7月3日

CDN网络加速器

Content Delivery Network，即“内容发布与速递网络”，能为企业站点提供更快速、稳定服务的网络架构。它采取了分布式网络缓存结构（即国际上流行的web cache技术），通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的cache服务器内，通过DNS负载均衡的技术，判断用户来源就近访问cache服务器取得所需的内容，解决Internet网络拥塞状况，提高用户访问网站的响应速度，如同提供了多个分布在各地的加速器，以达到快速、可冗余的为多个网站加速的目的。换句话说，CDN就是让网站访问者可以在离自己最近的地方最快的得到可靠的服务。
...

Tags:

2009年7月3日

高性能表现的div+css网站

从2004年开始，我开始进入雅虎的异常表现小组。我们是一个很小的队伍，专门针对雅虎的产品进行质量检测和改进，我作为一个后端工程师，现在却开始捣鼓前端代码优化方面的工程，所以我认为这是一个极好的进步的机会。我的目标是改进用户端体验，我度量了在各个带宽下浏览器的响应时间，得出如下的一个图表，它展示了来自http://yahoo.com的http的流量。

以上图标的第一个标签就是html，是一个html文档最开始加载的东东，在这个例子中，读取html代码只占了整个响应时间中的5%，这个结果适用于绝大多数网站，在采样美国的前十位网站中，只有一家超过5%但少于20%，其余80%的时间是用来读取网页其他内容的，也就是说，前端（原文是front-end，意思就是不包括html代码的其余内容，可以是图片，脚本，flash，视频，各种东西）。这就是为什么我们要把目光集中在这些东西来提高显示速度的关键原因。

...

Tags:

2009年6月25日

如何写robots.txt？

...

Tags: 网站特效

分页:[«][1]2[3][4][5][6][7][8][9][10][11][12][13][»]

自由 分享 交流

导航

2009年7月13日

Tags:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn118=118,"

2009年7月11日

Tags:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn117=117,"

2009年7月3日

Tags:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn116=116,"

2009年7月3日

Tags:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn115=115,"

2009年6月25日

Tags:

发布:360edu | 分类:网站优化 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn114=114,"

2009年5月6日

Tags: 网站特效

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn113=113,"

2009年5月6日

Tags: 网站特效

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn112=112,"

2009年5月6日

Tags: 网站特效

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn111=111,"

2009年5月6日

Tags: 网站特效

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn110=110,"

2009年5月6日

Tags: 网站特效

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览: strBatchView+="spn109=109,"

日历

网站分类

文章归档

Tags

Powered By Z-Blog 1.8 Arwen Build 81206

Copyright © 2008 globe360. All Rights Reserved 澳环教育 版权所有

自由分享交流

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站优化 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

发布:360edu | 分类:网站技术 | 评论:0 | 引用:0 | 浏览:

Copyright © 2008 globe360. All Rights Reserved 澳环教育版权所有