文章中心

Article center

  • 响应式常用的布局尺寸

    2018-08-15

    响应式常用的布局尺寸

    more
  • 响应式设计时代,我们该如何设计网站?

    2014-06-24

    随着各种屏幕尺寸设备的兴起以及交互方式的多样性,之前采用的网站设计方法已不再适用。我们需要更新设计方法,更新设计观念,更新设计工具。该文从分析Web发生了哪些变化入手,引出我们该采用的新的设计理念。

    more
  • css样式名规范命名建议

    2009-12-08

    在写CSS的时候,经常为一些名字而发愁,比如说菜单后面的背景要用什么词来表示呢?

    more
  • 50个令人叹为观止的JavaScript应用站点

    2009-11-11

    随着诸如 jQuery, Mootools, Prototype 一类的 JavaScript 框架的崛起,Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript,却拥有 Flash 一样的绚丽效果

    more
  • CSS网页布局的意义与副作用

    2009-11-11

    随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,从实际应用情况来看,此种方法绝对好于表格制作页面的方法

    more
  • CSS教程:网页版面设计无效的10个原因

    2009-11-11

    W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决

    more
  • CSS边框阴影的实现

    2009-09-11

    CSS边框阴影的实现

    more
  • 可保存位置并自动吸附的JavaScript拖动层

    2009-09-11

    这个拖动实例很不错,可以自动保存拖动位置,利用COOKIES技术,刷新页面不会恢复原样,可以记录用户的拖动操作,而且在拖动时候会根据鼠标位置自动寻找适合自己的目标位置,并自动吸附,如果你正在为此而犯愁,本段代码可以给你一个很好的参考

    more
  • CSS网页布局的意义与副作用

    2009-09-11

    随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉,比较上手

    more
  • 网页版面设计无效的10个原因

    2009-09-11

    W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能

    more
  • 关于网站布局的合理性

    2009-09-04

    网站的技术随着时代的步伐在不但的进步,但正如你所看到的一样,网站的页面布局并没有跟上网络技术的步伐,当然回首很久以前,从事网站建设的朋友也会感觉到这种布局的变化

    more
  • CSS盒模型

    2009-07-03

    网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了

    more
  • Web开发的改良

    2009-07-03

    最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面:一方面,IE6阴魂不散,让Web开发成本居高不下

    more
  • flash挡住了页面其它部分怎么办

    2009-06-14

    在网页制作中往往会加入一些FLASH以提高页面动感,或是加入广告时加入了FLASH条。但往往发现它总在页面其它部分的上层,比如“下拉菜单”,我在查询了很多资料后也做了很多测试总结几个办法如下

    more
  • 网站权重不等于关键词排名

    2009-06-13

    最近通过和几个朋友的交谈,发现很人多对网站权重的认识都走进了一个误区,觉得权重就是排名,其实不尽量,权重和排名之间的区别还是满大的。什么是网站的权重?权重即网站在SEO中的重要性,权威性。SEO给一个网站的一种待遇

    more
  • 很酷的放大镜的效果(CSS)

    2009-06-08

    在蓝色理想看到的一个非常酷的效果的代码,其实对于某些人来说已经是非常简单的了,但是对于我这种接触标准不是特别多的人来说,已经是非常非常酷的代码了

    more
  • _blank开新窗口不符合标准?

    2009-06-08

    我们要在新窗口中打开链接通常的做法是在链接后面加 _blank,我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法将通不过W3C的校验

    more
  • 文字,你到底能多大?---分析网页文字的字号

    2009-06-08

    中文网页文字的现状:中文网页普遍使用12px和14px的宋体(simsun),这两种文字都可以加粗(font-weight: bold)。这个规范似乎也成了网页设计师的基本常识。中国的网页设计师有这4种可供选择的文字表现方式,仅仅是4种,只有这4种,4种很小的文字。其中12px的宋体加粗效果还并不太理想

    more
  • 七本好用的CSS手册提供下载!

    2009-06-08

    样式表中文手册  样式表滤镜手册  对象模型中文手册 默认行为中文手册  HTML与XHTML权威指南(第五版)  CSS权威指南  Javascript 权威指南 (第四版)

    more
  • 使marquee标准化

    2009-06-08

    使marquee标准化

    more
  • 10个CSS应用技巧

    2009-06-08

    10个CSS应用技巧

    more
  • 用css模拟title和alt的提示效果

    2009-06-08

    在css里面有很多对a的样式应用,因为a标签是仅有的默认可以触发动作的标签,因此在很多时候可以用css来控制a达到js才能达到的效果,比如今天要介绍的css仿title和alt的提示效果:先来分析一下这种效果的特点,无非就是在鼠标悬停的时候出现一个包含介绍文字的提示层,如果用传统的javascript来实现,就要设置对象的onmouseover和onmouseout属性,而如果把对象看作是a属性中的link和hover的话,这个问题就更清晰了,因为只要把对象的link属性设置为隐藏

    more
  • Web 2.0 - 是什么?

    2009-06-08

    Web2.0 在互联网已被提出了好一段日子,形容着下一世代的网站发展与设计。究竟何谓Web2.0?" Web2.0 是指新一代的万维网服务,这个服务能令使用者在在线共同合作或交流信息。与第一代相比,Web2.0 提供一个比传统静态网页更接近桌面应用的经验予使用者

    more
  • 关于CSS布局宽度

    2009-06-08

    margin和padding总是有可能要用到,而产生的问题如何解决呢?由于浏览器解释容器宽度的方法不同:IE 6.0 Firefox Opera等是 真实宽度=width+padding+border+margin IE5.X 真实宽度=width-padding-border-margin很明显,第一种下很完美的布局在第二种情况下后果是很凄惨的!div.content { width:400px; //这个是错误的width,所有浏览器都读到了 voice-family: "\"}\""; //IE5.X/win忽略了"\"}\""后的内容 voice-family:inherit; width:300

    more