【读书笔记】—无懈可击的web设计

本文是关于《无懈可击的Web设计》的读书笔记,重点介绍了如何处理文字大小、浏览器兼容性、导航栏设计等问题。通过使用关键字设定字体大小,百分比嵌套设定以及浮动布局等方法,实现更优秀的Web设计效果。
摘要由CSDN通过智能技术生成

心血来潮,准备开始看web方面的各种书籍,首本看完的就是无懈可击了,可能因为他名字和我大爱的游戏符合吧!看的是电子版,需要的朋友可以点击这里下载:pdf书+源代码

  • 文字大小(待考虑)
    • 设置font-size:11px,则不能通过ie等浏览器的菜单栏中的文字大小来改变大小,百度可以,很多网站都忽略了这点
      • ie/win的用户不能改变以像素为单位设定的字体大小
    • 无懈可击方法一:使用关键字设定
      • font-size:small/medium/large…
        • 他们是相对浏览器的默认字体大小而改变的
          • Image(7)
          • 由上可见,默认字体为medium大小,small和large都随他变化而变化
          • 缺陷:各浏览器字体默认值不同

    • 无懈可击方法二:使用关键字+百分比设定
      • body{font-size:small}    h1{font-size:150%}
        • 则h1的字体大小相较于body大了50%
        • 这样设定,只需改一处(body)的css,则整个页面的大小都会相对变大
    • 无懈可击方法三:使用关键字+百分比嵌套设定
      • body{font-size:small}   div.content{font-size:95%}  h1{font-size:150%}  <div id=content><h1>…</h1></div>
        • 此处h1的大小为small*95%*150%
        • 注意嵌套设定的计算,最好不要超过两层嵌套
  • Hack
    • IE:*html  来提供专门用于IE的声明
    • IE5:(BOX MODEL HACK 框模型hack)  and(SBMH) f\ont_size:large—ie5会忽略\,这句不会执行,而其他浏览器仍执行
  • 可变的导航
    • 选用整张图片作为导航的背景虽然美观,但有缺陷
      • 造成图片加载速度慢
      • 不利于后期文字的变化,需要重新ps,且文字不能放大
    • 无懈可击的方法一:图片使用平铺
    • 无懈可击的方法二:导航栏样式设置
      • 源代码
        <div class="nav">
             <ul>
                 <li><a href="#">home</a></li&g
内容简介 一个网站,无论视觉上多么美观,内容多么丰富,如果不能面向最广泛的用户群,那它就不算是真正成功的网站。《无懈可击Web设计:利用XHTML和CSS提高网站的灵活性与适应性》是Web标准设计领域的公认专家Dan Cederholm的倾力之作,向您描述了基于Web标准的设计策略,以适应各种各样的用户浏览方式。书中每一章的开头都给出了一个基于传统HTML技术的实例,然后对它进行重构,指出它的局限性,并利用XHTML和CSS对它进行改造。让您了解到怎样用整洁的HTML和CSS来取代那些臃肿冗余的代码,从而创建加载速度快、适应性强的网站。最后,本书将各章中讨论的所有页面组件综合在一起制作了一个单页模板。与第1版相比,新版将内容更新为与Microsoft Internet Explorer 7同步,并且添加了几个使用em的例子,包括弹性布局。 本书主要内容:   使用关键字、百分比、em来设定页面文字的大小,提高用户的可控性;   提供能够适应任意字体大小或任意数量内容的站点导航栏;   规划水平方向的页面组件如何纵向扩展;   通过浮动实现栏式效果;   确保页面内容在图片或CSS缺失的情况下仍然易读;   把外观从数据表格中剥离出来,再用CSS重新定义;   页面布局可以自由缩放,不受窗口大小和字体的影响。 编辑推荐 《无懈可击Web设计:利用XHTML和CSS提高网站的灵活性与适应性》是Web设计大师Dan Cederholm力作最新版,亚马逊五星级畅销书,Web标准设计经典著作,各大主流网站热评的CSS图书,全彩印刷,易学易用。 Web设计大师Dan Cederholm力作最新版; 亚马逊五星级畅销书; Web标准设计经典著作。 作者简介 作者:(美国)西德霍姆 (Cederholm·D) Dan Cederholm,是一位屡获殊荣的Web设计师及作家,擅于运用Web标准来简化和重构设计,2003年因重构了Fast Company和Inc.com两个著名网站而蜚声业界。Dan信奉使用Web标准来实现灵活且适应性强的设计,他在Web标准设计领域方面拥有多年的实践经验,曾经帮助Goole、MTV、ESPN、Fast Company、Blogger、Odeo等知名公司设计网页和重构网站,他是一位活跃的技术专家,经常在业界最重要的技术会议上发表演讲,也是A List Apart等网站的专柆作者。他的博客SimpleBits颇受欢迎,他经常在上面撰写有关Web、技术及人生的文章和评论。除本书外,他的另一部畅销书Web Standards Solutions也备受读者青睐。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值