Web标准学习教程整理

摘自:http://bbs.blueidea.com/thread-2734595-1-1.html

CSS部分:

CSS入门教程:


CSS入门1:关于css样式表
CSS入门2:语法基础
CSS入门3:如何插入
CSS入门4:css选择符
CSS入门5:伪类——动态链接
CSS入门6:CSS盒模型
CSS入门7:css元素定位

彻底弄懂CSS盒子模式一(DIV布局快速入门)
彻底弄懂CSS盒子模式二(导航栏实例详解)
彻底弄懂CSS盒子模式三(浮动的表演和清除的自述)
彻底弄懂CSS盒子模式五(定位强化练习)  

CSS提高教程:

display:inline-block的深入理解
由浅入深漫谈margin属性(一)
IE中伪类:hover的使用及BUG
解读absolute与relative
position:relative/absolute无法冲破的等级
对《无法冲破的等级》一文的补充
详解定位与定位应用
Firefox与IE下UL预设标记的异同
闭合浮动元素

CSS精华教程:

[译文]On having layout

-------------------------------------------------------------------------------------------

Xhtml部分:

(X)HTML 入门教程:

(X)HTML Strict 下的嵌套规则
简单form标准化实例(一):整体布局
简单form标准化实例(二):语义结构
网站程序员,如何应对web标准!

--------------------------------------------------------------------------------------------

标准理论讨论:

详解链接的rel与target
专题:标准化良构之路
如何开始标准之路
从“div+css”说起谈结构的重要性

--------------------------------------------------------------------------------------------

标准应用实例:

Web 标准实践系列(一)——Google 的首页

[译文]用css制作星级评分 I
[译文]用css制作星级评分 II
[译文]用css制作星级评分 III
[译文]像table一样布局div[1]
[译文]像table一样布局div[2]
[译文]具有亲和力的表格
[翻]如何只使用XHTML+CSS创建一个“两步式”的相册
CSS实例讲解:地图提示(map pop)
仿6room网站图片链接效果
一个头像显示的效果 [布局实例,已加简单说明]

原文地址:https://www.cnblogs.com/jenry/p/796636.html