liziki的专栏

今天中午，我突然想搞清楚Unicode和UTF-8之间的关系，于是就开始在网上查资料。结果，这个问题比我想象的复杂，从午饭后一直看到晚上9点，才算初步搞清楚。下面就是我的笔记，主要用来整理自己的思路。但是，我尽量试图写得通俗易懂，希望能对其他朋友有用。毕竟，字符编码是计算机技术的基石，想要熟练使用计算机，就必须懂得一点字符编码的知识。1. ASCII码我们知道，在计算机内部，所有的

一直以来都很喜欢用windows的快捷键,但学电脑有五年了,一直都以为系统是没有窗口最大化的快捷的,最近才偶然发现...现在就把自己最常用的快捷键列出来吧...其它少用的就没有了,希望对新手有用.重命名：F2关闭窗口：CTRL+F4窗口最大化：ALT+空格+X窗口最小化：ALT+空格+N显示桌面：WIN+M保存文件：CTRL+S查找窗口：CTRL+F锁定系统：WIN

这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth   (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文

勇哥今天晚上在做一个带有鼠标经过的导航效果，做完后在IE8下测试很完美，当我进IE6一看，咋没效果呢！真是郁闷，网上一查结果IE6不支持li:hover这个标签，真是让我恼火，IE6我恨你。然后在网上找了两个本人比较喜欢的解决方法。一、才用javascript代码，使IE6支持li:hover的效果        代码如下：script language="javascript

Iframe用法精析 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维（0=否，1=是） HEIGHT,WIDTH 设质边框的宽度和高度 SCROLLING 是否有滚动条（YES,NO,AUTO) SRC 指定IFRAME调用的文件或图片(HT

深入剖析CSS层叠与继承的使用你对CSS层叠和继承的概念和用法你是否熟悉，这里和大家分享一下，文档中的一个元素可能同时被多个CSS选择器选中，每个选择器都有一些CSS规则，这就是层叠，而所谓继承，就是父元素的规则也会适用于子元素。CSS技术理论：CSS层叠与继承一、CSS层叠我们知道文档中的一个元素可能同时被多个CSS选择器选中，每个选择器都有一些CSS规则，这就是层叠。这些规

引伸阅读解读absolute与relativeposition:relative/absolute无法冲破的等级定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是：position:relative | absolute | s

随着网站的健壮以及日益庞大的开发文件，为了更好的团队协同配合工作，所以强调前端（xhtml、css）的规范是必要的，个人个性化的习惯无法产生良好的聚合和全面的效果，规范化不是特殊的个人风格，它可以保持编码的统一风格。便于后期的维护本规范是世界工厂网团队前端（xhtml、CSS）开发规范，本规范并不是一个固定不变的必须严格遵守的条文，随着不断的成熟，将会不断的完善，特殊情况下要灵活运用，酌情使用

Divitis: what it is, and how to cure it.What is divitis?Divitis is a common problem with webdesigners. It is the process of using too many nested/unnecessary divs to mark up a page.A note

写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片：上图展示了两段代码，我想大家都只会喜欢第一种，我们先不说其语义，至少他的结构让我们看上去清爽，而第二种

CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要针对IE。　　类内部Hack：比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等　　选择器Hack：比如 IE6能识别*html .class{}，IE7能识别*

当我们在做用户注册、登陆及搜索表单时，经常碰到文字、文本框、图片、按钮在一行时不能垂直居中对齐，本人今天遇到类似的问题，解决办法是把form里面的表单元素设置vertical-align:middle；属性就OK，实例如下：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xh

块级元素的分类块级元素按照其应用于结构还是内容分为三种：结构化块状元素，终端块状元素，多目标块状元素。一.结构化块状元素这类元素用于构造文档的结构，一个好的文档结构对于搜索引擎和应用其他技术（如JavaScript）都是十分有利的。它们没有语义上的含义，仅仅划分出了文档的组织方式，并没有体现文档的内容。主要的结构化块状元素    *     *     *

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

“Layout”是一个 IE/Win 的私有概念，它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件/用户事件等。这种渲染特性可以通过某些 CSS 属性被不可逆转地触发。而有些 HTML 元素则默认就具有“layout”。微软的开发者们认为元素都应该可以拥有一个“属性(property)”(这是面向对象编程中的一个概念)，于是他们便使用了

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：＜head＞＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞＜/head＞    也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键

前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，那么先和大家一起简单总结一下CSS中常用的伪类选择器的使