洋子博客

xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~

a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, link, meta, ol, p, s, script, span, strong, style, title, u, ul, acronym, address, applet, area, basefont, bdo, big, blockquote, button, caption, center, cite, code, col, colgroup, del, dfn, dir, font, frame, frameset, iframe, input, ins, isindex, kbd, label, legend, map, menu, noframes, noscript, object, optgroup, option, param, pre, q, samp, select, small, strike, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, var
...

W3C CSS 工作组于4月10日发布了 CSS Variables Module Level 1 首个草案。CSS Variables 是什么呢？很明显，Variables 是变量，CSS Variables 就是 CSS 变量。   只要有点开发经验的人都知道定义变量是非常有用的，所以在 CSS 中如果在样式表中经常使用某个值（比如某个颜色或某种字体），可以将其定义为变量.

营销无处不在，为了防止爬虫抓取到邮箱地址，发送营销、广告邮件（俗称垃圾邮件），我们一般会把在网站上留下的邮箱地址稍作处理，比如：admin#yangzblog.com(#用@代替)、admin#(@)yangzblog.com。现在有一种更优雅的方式：利用CSS反转字符倒序输出Email，变向加密Email地址。

 规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载,

在网页设计制作中经常会遇到这样的问题：用图片做背景时，由于显示器分辨率太大或者图片尺寸太小，在页面的两边或者下部了没有背景图片。例如：在小于1024*768分辨率时，是没有问题的。但是假如你的显示器的分辨率大于1024*768，你会看到背景图片以外的部分，影响效果。如下图：如何用CSS实现大背景的网页效果呢,下面来看一些实例：例1：图片+背景颜色将图片边沿的颜色设置成和网页背景色相同的颜色。看下面

一个文本框旁边一个按钮是很经常用到的网页内容，比如搜索框等等，而如果旁边的按钮使用图像的话，他们竖直方向就很不容易对齐，即使使用 vertical-align、padding和margin等都不行（特别是在IE中，Firefox中使用vertical-align还可以）。例如有如下代码：<form> <input type="text"name="f

记得以前Facebook有段时间使用了非常多的半透明边框（Facebox），虽然现在不支持了，但是还是值得研究一下。 你有可能觉得这样写就了： #lightbox { background: white; border: 20px solid rgba(0,0,0,0.3); }

网页编码英文译为web page encoding，是在网页中指定其特定的字符编码格式的库。GBK是国家标准GB2312基础上扩容后兼容GB2312的标准。GBK的文字编码是用双字节来表示的，即不论中、英文字符均使用双字节来表示，为了区分中文，将其最高位都设定成1。GBK包含全部中文字符，是国家编码，通用性比UTF8差，不过UTF8占用的数据库比GBK大。

CSS3很好很强大，例如圆角、阴影、渐变透明、渐变背景等等，但是IE6、IE7、IE8都不支持，现在利用VML可以实现，只需要加载一个小小的文件即可：ie-css3.htc（←点击下载） VML是什么？VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化的标记语言。

CSS hack是由于不同的浏览器，比如IE6,IE7,Firefox等，对CSS的解析不一样，导致解析的页面效果不一样，这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到同样页面效果。

CSS Sprites是一种网页图片应用处理方式，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，可以减少http请求，提升速度！传统切图讲究精细，图片规格越小越好，重量越小越好，但是对于目前的网络速度来说，加速的关键，不是降低重量，而是减少个数。客户端每显示一张图片都会向服务器发送请求，一张图片的传输时间，通常远小于请求等待的时间，图片越多请求次数越多，造成

想不想用flash动画做背景呢？想想这样是不是很炫？能不能实现呢？答案是肯定的！在网页制作中，flash是不能直接作为网页的背景的。因此，我们需要换一个策略：是否还记得“层”的概念，我们在这里就要运用到这个概念。在我们的网页层上面在新建一个层，在这个层中插入flash，设置该层的z-index值为1，然后再建一层，设置z-index值大于1。当然后一层要用到position：absolute …

所谓的IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。下面的代码：

PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明，会显示一个灰色的框。 解决的办法也是有多种，在这里列出常用的其中一种：

IE6显示透明PNG背景：

使用css滤镜。

CSS Code复制内容到剪贴板

2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。

...