网页嵌入视频背景

wow.js动画插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇，现在自己依葫芦画瓢也能弄出来这种效果了。虽然效果出来了，但是网上并没有整理好的各种特效对应的类名，所以写一篇通俗易懂（最起码自己能看懂）的文章供大家参考学习。

响应式常用的布局尺寸

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

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

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

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

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

CSS边框阴影的实现

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

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

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

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

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

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

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

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

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

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

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

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

使marquee标准化

10个CSS应用技巧

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