css 英文相关文章以及站点

css 英文相关文章以及站点
以下是http://veerle.duoh.com收藏的css相关文章以及站点,分门别类非常的全,如果能把下面的所有链接里面的内容都精通的话,绝对就已经是顶级css高手了。

Why CSS ? + CSS learning

继续阅读“css 英文相关文章以及站点”

到底是用px还是em?

对字体大小的定义是使用px还是em一直是一个web设计中争论的话题,其实与其说是用px还是em到不如说是用“绝对大小”还是用“相对大小”。
在最近的项目中,为了响应“可易用性”的号召,首次在设计中采用了“相对大小”来定义,不过在产品实验上线以后,有很多用户抱怨说你们的字体太小了,我一想不是呀,在正常的情况下字体是12px或者14px,肯定是因为对浏览器进行了一些误操作,我就告诉他们,在ie中选择【查看】->【字体大小】->【中】果然就正常了,其实可以用“ctrl+鼠标的滚轮”去改变大小在ie6中。虽然ie6已经出了5年了,但是估计现在只有很少人知道这个方法吧。
不过我估计误操作改变字体大小的人会不站少数,为了相应用户的号召,我又把页面字体的相对大小更改成绝对大小。这以后用户就基本没有对字体的问题了。
继续阅读“到底是用px还是em?”

在线生成FLASH/CSS/DHTML/Java Script(导航菜单、按钮、滚动条)

FLASH导航菜单生成:http://www.hostsun.com/gr/flash_generators.php

图片菜单生成:http://www.hostsun.com/gr/tools6.php

下拉菜单:http://www.hostsun.com/gr/tools7.php

鼠标移过图片菜单特效:http://www.hostsun.com/gr/tools8.php

CSS(导航菜单):http://www.hostsun.com/gr/tools9.php

DHTML(导航菜单):http://www.hostsun.com/gr/tools10.php

DHTML ToolTip(导航菜单):http://www.hostsun.com/gr/tools11.php

Java Script Menu Generators
集合CSS(按钮):http://www.hostsun.com/gr/tools12.php

弹窗代码生成:http://www.hostsun.com/gr/tools13.php

IE5.5滚动条代码生成:http://www.hostsun.com/gr/tools14.php

gb2312和utf-08的区别

GB2312编码大约包含6000多汉字(不包括特殊字符),编码范围为第一位b0-f7,第二位编码范围为a1-fe(第一位为cf时,第二位为a1-d3),计算一下汉字个数为6762个汉字。当然还有其他的字符。包括控制键和其他字符大约7573个字符编码

gbk编码是对gb2312编码的扩充,容纳的汉字更多,但仅仅是扩充,没有质的变化。保留了所有gb2312编码,在此基础上进行编码范围的扩充.容纳(包含特殊字符)共22014个字符编码.

gb18030编码是在gbk编码基础上的扩充,因为汉字更多,仅仅使用两位编码已经不能
容纳要求的汉字,所以采用了2\4位混和的办法,可以支持更多的汉字编码。并且保留了原有的gbk 2字节编码兼容gb2312和gbk编码的文件。大概容纳55657个编码(包含特殊字符)

unicode编码(也就是UTF编码):俗称万国码,致力于使用统一的编码准则表达各国的文字。

为表达更多的文字,utf-8采用2/3混编的方式。目前容纳的汉字范围小于gbk编码。并且以
3字节的方式处理中文,带来了兼容性的问题,原有的gbk,gb2312,gb18030编码文件都不能正常的处理,还有很长的路要走。

用MVC模型引导你的WEB设计思路

习惯于过程式的开发,一直向往着面向对象。无奈半路出家人,没有一点内力基础,看了一大堆面向对象的书也只是看得一头雾水。对于MVC的概念也是偶然了解到的,感觉能和WEB开发结合起来让项目面向对象化。以下是我一点点心得。
先介绍一下MVC的概念:
MVC(Model-View-Controller),即把一个应用的输入、输出、处理流程按照Model、View、Controller的方式进行分离,这样一个应用被分成三个层——模型层、视图层、控制层。
 模型(Model):就是业务流程/状态的处理以及业务规则的制定。即是MVC的主要核心。
 视图(View):代表用户交互界面,也就是Web的HTML界面。
 控制(Controller):可以理解为从用户接收请求, 将模型与视图匹配在一起,共同完成用户的请求。

以下以一个简单的留言板作为分析例子。

1)从上面的概念来看,留言板可以切成三部份。
 模型(M):包含 数据库链接、生成数据集、数据库更新操作。
 视图(V):包含 获取模型的数据集,将数据集内填充到各种显示界面内,如(留言板列表,管理控制页面,添加修改删除界面等一切用户看得到的页面。)
 控制(C):包含 数据库更新的数据校验,将更新完毕后的结果转交给视图进行呈现。
继续阅读“用MVC模型引导你的WEB设计思路”

什么是microformats

10_142352_microdiagram.gif

今天上网随便找一些资料偶然发现了microformats.cheatsheet.pdf,下载以后看不太明白。然后就搜索了一下关于microformats的资料,中文资料是甚少呀,不过看过一些以后还是终于明白了是啥意思。

微格(microformats)是一系列简单的开放资料格式,已人类第一位,机器其次的中心思想,已目前广泛采集的标准为基础。微格并非把今天的成果方在一旁,而是采取顺应目前使用行为模式(例如xhtml部分格式)的途径,尝试解决一些较为简单的问题。

继续阅读“什么是microformats”

Javascript的IE和Firefox兼容性汇编

以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox

1. document.form.item 问题
(1)现有问题:
现有代码中存在许多 document.formName.item(“itemName”) 这样的语句,不能在 MF 下运行
(2)解决方法:
改用 document.formName.elements[“elementName”]
(3)其它
参见 2

2. 集合类对象问题
(1)现有问题:
现有代码中许多集合类对象取用时使用 (),IE 能接受,MF 不能。
(2)解决方法:
改用 [] 作为下标运算。如:document.forms(“formName”) 改为 document.forms[“formName”]。
又如:document.getElementsByName(“inputName”)(1) 改为 document.getElementsByName(“inputName”)[1]
继续阅读“Javascript的IE和Firefox兼容性汇编”

ajax的基本概念

一、使用Ajax的主要原因

1、通过适当的Ajax应用达到更好的用户体验;

2、把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。

二、引用

Ajax这个概念的最早提出者Jesse James Garrett认为:Ajax是Asynchronous JavaScript and XML的缩写。Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括:

·使用XHTML和CSS标准化呈现;

·使用DOM实现动态显示和交互;

·使用XML和XSLT进行数据交换与处理;

·使用XMLHttpRequest进行异步数据读取;

·最后用JavaScript绑定和处理所有数据;

Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。