如何居中一个浮动元素

以下内容来自网络~~
css

html

真是千奇百怪,但是实际应用上,我还没有见谁这么用的,看来是我孤陋寡闻了~~

老话重提,web标准-读编写高质量代码

新来的书,恶补理论知识!

web标准-结构,样式和行为的分离。除些之外,还要做到三点:精简重用有序
标签语义化-代码量相对小,结构清晰,对搜索引擎友好。
尽可能少用无语义标签 div 和 span 。

怪异模式和DTD
怪异模式通常模拟老式浏览器的行为以防止老站点无法工作。
盒状模型
标准模式下,网页元素的宽度由 padding border width 三者的宽度相加决定的;
怪异模式下,width本身就包括了padding border 的宽度。此外居中方法设定width,然后 margin-left:auto;margin-right:auto;也无法正常工作;
怪异模式的触发与DTD有关,有关DTD 详见 重新认识HTML

接下来是CSS的模块化,这个和我前年的想法差不多,详见 CSS模块化[二] CSS模块化[一]

以前我一直以为 IE6,IE7 是支持 display:inline-block; 的,原来我错了,用这个CSS属性的时候,是摸拟出来的,全因 display:inline-block 激活了IE 的 hasLayout 这个属性!

今天到的书,前两部分我已经看完了,以上是我新学了的知识点,列出来分享一下~~
剩下的javascript部分晚点再看了。
加油!!

2012年的第一个家庭日

过年这段时间,天气都不怎么好。
上周组织了一个家庭日,去爬山,呼吸一下大自然的空气,也随便消耗一下过年累积的肥气~~~
上图,曈曈很喜欢大自然,喜欢花花草草,喜欢各种她还不知道的事物,哈哈~~~
曈曈好像很不情愿哦~~~
曈曈好像很不情愿哦~~~
曈曈和她表姐
曈曈和她表姐
这样看,觉得曈曈很像我
这样看,觉得曈曈很像我 哈哈
之后,还去了打山井水,农家菜园摘菜,摘草霉。。。
挺开心的一天~

重新认识HTML

和HTML打交道好几年了,以前一直以为自己会用就行了,结果,受打击了!!
所以我要重新认识HTML!

在你每一个页面的顶端,你需要文档声明。是的,必须。
如果不指定文档类型,你的HTML不是合法的HTML,并且大部分浏览器会用“怪癖模式(quirks mode)”来处理页面,这意味着浏览器认为你自己也不知道究竟做什么,并且按浏览器自己的方式来处理你的代码。你可以是一个HTML大师,在地球上打遍天下无敌手,或者你的HTML可以无瑕疵,CSS可以很完美,但如果没有文档声明,或者错误的文档声明,你的网页与一个短视的,独眼的长臂猿婴儿十分艰难地堆砌起来的没两样。

定义及用法
文档类型声明(doctype声明)应被置于HTML文档的开头,<html>标签之前。
doctype并不是一个HTML标签;它只是一个指令,告知浏览器当前页面是遵循哪种标记语言编写的。
每个文档类型声明都要引用一个DTD(Document Type Definition,文档类型定义)。DTD规定了标记语言的书写规则,正因如此浏览器才能正确呈现内容。
HTML/XHTML元素和有效的DTDs

下面是代码的分解:
开始部分:< ! DOCTYPE HTML PUBLIC
公共标识符:"-//W3C//DTD HTML 4.01//EN"
系统标识符:"http://www.w3.org/TR/html4/strict.dtd">
注意:上面列表中的公共标识符是大小写敏感的,因此,它必须根据下一部分描述的定义出现。

请参阅HTML/XHTML标签参考手册,其中说明了各个标签为哪种DTD所支持。

more...

某技术,某事的碎碎念

Ajax实现原理
实现Ajax的关键是使用XMLHttpRequest对象(下简称XHR对象). 要注意的是XHR不是一个W3C标准, 所以不同浏览器存在不同的实现方式. 因此这影响了最最基本的第一步.
Step 1. 创建XHR对象实例. 以下的代码是一基本实现逻辑:

Step 2. 向服务器做请求. 利用第一步创建的XHR对象实例中的open方法建立对服务器脚本的调用. open方法的原型是void open(string method, string url, boolean asynch, string username, string password). 其中前两个参数是必要的, 后三个是可选的. method即调用方法, 可以是GET, POST或PUT. asynch参数设定此请求为异步还是同步, 默认值为true, 异步(设置为false就没意义了撒).

Step 3. 指定回调函数, 即当服务器返回结果时如何处理结果. 这里要把回调函数的指针赋值给XHR对象的onreadystatechange事件. 需要注意的是在回调函数检查XHR对象的readyState和status(分别是请求的状态/*0=未初始化, 未调用open; 1=正在加载, open之后send之前; 2=已加载, 通常此时可使用响应的头部信息; 3=交互中; 4=完成*/和服务器的HTTP状态/*200对应OK, 404对应Not Found*/). IBM developWorks有文章介绍, 不同浏览器对于"请求的状态"有不同的处理, 比如Firefox有1234, Opera就只有34. 1,2这两个状态是被支持得最少的, 所以如果要写函数处理这两个状态的话, 就可能报错.
一般来说, 回调函数只要检查readyState是否为4, HTTP状态码是否为200就行了.
服务器的响应可以字符串或XML对象两种形式返回. 如此则在浏览器端可分别使用XHR对象的responseText或responseXML来接收.

Step 4. 使用XHR对象的send方法发送请求. send方法有一个参数, 通常是一个字符串或者是一个XML对象. 当open方法中设置的method为"GET"的时候, send的参数常常是null; 使用"POST"方法发送数据的话, 则需要给send提供参数. ("PUT"方法的话, 暂时还没看到)

当客户端的某事件触发了, 通常是用户点击了某个链接或者button, 需要向服务器进行交互了, 那么就可以在那么Event Handler中使用以上函数或语句了.
另外, IBM developeWorks建议, XHR对象应该声明为全局变量, 并且它的初始化应该也是在全局中进行, 以便在发现浏览器不能使用XHR对象的时候作相应处理.

more...