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

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

• 文字大小（待考虑）
  • 设置font-size：11px，则不能通过ie等浏览器的菜单栏中的文字大小来改变大小，百度可以，很多网站都忽略了这点
    • ie/win的用户不能改变以像素为单位设定的字体大小
  • 无懈可击方法一：使用关键字设定
    • font-size：small/medium/large…
      • 他们是相对浏览器的默认字体大小而改变的
        • 
        • 由上可见，默认字体为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