2012年9月1日

打造自己的reset.css

摘要: 最近我对此观点有所新的看法,可以查看《真的还需要reset.css么?》0,引言每每有新项目,第一步就是应当使用一个reset.css来重置样式。滥用不如不用,直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css,并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。 具体如何规划网站CSS结构,不在文本讨论之列,可以参考Smashing Magazine上的文章,国内有差强人意的中文译版。注意,本文 阅读全文

posted @ 2012-09-01 23:57 WestGarden 阅读(189) 评论(0) 推荐(0) 编辑

列表导航栏实例(01)

摘要: 【步骤1】无样式一、效果二、HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text 阅读全文

posted @ 2012-09-01 12:23 WestGarden 阅读(267) 评论(0) 推荐(0) 编辑

良好的XHTML规则

摘要: 尽管目前浏览器都兼容HTML,但为了使网页符合标准,设计者应该尽量使用XHTML规范来编写代码,在使用中要注意并遵循以下几点规范:一、以正确的DOCTYPE和名字空间开始<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">二、使用META内容元素声明你的内 阅读全文

posted @ 2012-09-01 09:26 WestGarden 阅读(222) 评论(0) 推荐(0) 编辑

传统网站与Web标准——DIV+CSS布局实例

摘要: 主要内容:“结构与表现分离”的设计思想纵向导航条与横向导航条的切换【步骤1】一、效果二、HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content- 阅读全文

posted @ 2012-09-01 06:57 WestGarden 阅读(275) 评论(0) 推荐(0) 编辑

导航