推荐理由
博客园的草根技术文集,博客园五年精华与沉淀,众多MVP倾情奉献。
这是一本关于web标准、前端编程、网站优化的集成大作,代表了博客园在web领域的最高水准。
所选文章大多是经验之谈,所谓技术人士的“心灵老鸭汤”;全书最有撼力的文章,莫过于Cat chen的《欲练CSS,必先宫IE》;鸟食轩和老赵的文章偏实用,主要集中在Javascript领域,爆牙齿的《重构之美》系列,则有“采菊东篱下,悠然见南山”的意境。
内容简介
本书由博客园知名博主联手打造,涉及Web标准、HTML/CSS、JavaScript、SEO优化等诸多领域,内容新颖,观点独特,妙语连珠。
本书并不是一本由代码和技巧堆积而成的集合,更多的是探讨了Web设计中若干理念和心得,其中多为经验之谈。
无论对于从事Web前端设计的人士,还是对于那些从事Web后端编程的技术人员,本书都极具参考价值。其中时常有颠覆传统之作,个中滋味,请读者自行品味。
目录
第一部分 HTML/CSS
谈谈网页设计中的字体应用(1)——Font Set
谈谈网页设计中的字体应用(2)——serif和sans-serif
谈谈网页设计中的字体应用(3)——实战应用篇·上
谈谈网页设计中的字体应用(4)——实战应用篇·下
让CSS区分各种各样的input
一个常被问到的问题: 如何让层盖住select
兼容IE、Firefox的图片自动缩放的CSS
第二部分 Web标准
Web标准页面设计——要注意的很多
欲练CSS,必先宫IE
你有table/强迫症吗
根本不存在DIV + CSS布局这回事
慎用XHTML标签的自关闭写法
Web标准不标准
走在Web标准化设计的路上[唠叨先]
走在Web标准化设计的路上——振臂一呼:CSS,Stop!
走在Web标准化设计的路上——对HTML/XHTML/XML/XSL的 一些认识
走在Web标准化设计的路上——深入结构:理解h系列的不合理
走在Web标准化设计的路上——深入结构:合理运用DIV和SPAN
走在Web标准化设计的路上深入结构:DIV再议以及对SPAN的迷惑
走在Web标准化设计的路上——复杂表单
走在Web标准化设计的路上[复杂表单:Reload]
走在Web标准化设计的路上[深入语义:列表和表格的抉择]
IE 7标准之道——1. 更丰富的CSS选择符
IE 7标准之道——2:引起页面布局混乱的祸首
IE 7标准之道——3:歌剧院魅影bug
IE 7标准之道——4:上去了!终于上去了
IE 7标准之道——5:置换元素与行距bug
IE 7标准之道——6:float双倍margin bug
IE 7标准之道——7:躲猫猫bug
IE 7标准之道——8:疯了的边框线
第三部分 安全与优化
第四部分 JavaScript
先读为快
谈谈网页设计中的字体应用(1)——Font Set
Hihi,大家好~
最近有不少人都提及了网页上该如何选择字体的问题。问题虽然小,但是却是前端开发中的基本,因为目前的网页,还是以文字信息为主,而字体,作为文字表现形式的最重要参数之一,自然有着相当重要的地位。可惜字体的重要性在很长时间内并没有得到足够的重视。很多人对字体的概念还是停留在font-family:宋体、Arial、Helvetica、serif的阶段,却不明白为什么这样设置,这样设置是否合理。现在就让我说说字体的来龙去脉吧。
font-family
大家知道CSS规则中定义字体是通过font-family这条规则来实现的。仔细翻翻CSS的文档,却没有发现任何能指定某一个特定字体的规则。
想想十年前,可以随处看见类似于这样的代码:
几乎不会有人考虑到,Frankin Gothic Book是一个Windows only的字体。在一台Mac上根本看不到Frankin Gothic Book字体的效果,系统因为找不到这种字体,就改用Mac的默认字体显示了。于是,网页的风格就和原来完全不一样,根本达不到Frankin Gothic Book的效果。于是W3C提出了fontset的概念——将一系列近似的字体按照优先级顺序组成一个列表,浏览器从列表头部开始匹配,直到找到第一个可用的字体,并使用该字体进行显示。
……