超越CSS：Web设计艺术精髓 笔记

1. 在IE不支持web标准消失之前，我们都需要针对浏览器实现分级支持，同时我们不能使用浏览器Hacks
   2.w3c的web标准和禅意花园的出现推动css标准发展,css2-css3
   3.javascript和DOM补css不足
   4.跨浏览器支持：x浏览器，包括分辨率和辅助设计(转为残疾人的设计)
           
       1.2超越css原则介绍
           1.2.2运用所有有效的css选择符
               属性选择符img[title="css"]{}
               子孙选择符div > a{}
               相邻选择符h2 + p{}
               伪类和伪对象
           1.2.3 CSS3:web的未来
           1.2.4运用javascript和DOM弥补css之不足
           1.2.5避免使用Hacks：浏览器BUG修复后hacks就不起作用了，改用IE条件注释<!--[if IE]-->
           1.2.6使用富含语义的命名规范和微型格式:命名规范有益css重用，自定义class和ID实现微型控制
           1.2.7分享与协作
       
       1.3.2浏览器分级支持：逐步增强css设计(先实现IE设计基础班，再设计其他浏览器)：放弃将IE7作为兼容标准的设计
       1.3.3发现、灵感、超越
       
       1.4突出内容的设计:拒绝table布局技术，注重文档内容的顺序，保证没有css情况下依然可以识别网页内容
       1.5语义就是含义：标签代表内容的含义
       1.6标记这个世界：列表标签ul ol li dl dd dt
   2.过程（没有精读，跳过了）
       2.1寻找最佳流程：许多web设计工作流程遵循传统模式来设计和开发，这种模式会降低工作的创造性和工作效率
       2.2搜集内容:遵循基于内容的过程，1.准确的内容收集
       2.3使用框架图工作:框架图迭代设计(框架图很难考虑到交互以及复杂的脚本，因此不能作为最终参考)
               【当创建框架图或其他页面文件时，许多变数都被忽略掉了，如状态、安全性、错误信息、努力程序、DOM脚本以及其他动态元素等因素可能被忽略和误解】
       2.4使用灰盒改进:用标志增加更多的细节
       2.5静态设计
       2.6使用交互原型：交互与设计同步
       2.7遵循交互原型最佳实践
           1.不要用DreamWaver等可视化工具
           2.好的浏览器及工具,firefox
           3.少用Div标签，够用就行
           4.确保标签有效
           5.定位优先于浮动
           6.PNG比GIF图片更易调试
           7.css文件拆分
       2.8过程实践
   3.灵感
       3.1引入基于网格的设计
       3.2当今web设计中的网格
       3.3寻找web之外的网格
       3.4为web设计带来新的网格
       3.5在意想不到的地方发现灵感
       3.6精美的艺术活动
       3.7web设计的美术
   4.卓越(css3相关的美好未来)
       4.1卓越的css
       4.2 css3
       4.3高级布局
      
   

2. 总结:1.坚持web标准，不为不支持标准(IE)的浏览器做适配

1. 2.css不能实现就考虑javascript辅助实现，避免hack技巧

2. 3.浏览器分级支持：逐步增强css设计(先实现IE设计基础班，再设计其他浏览器)，(先实现标准，再选择性适配不支持标准的浏览器)
   

3. 4.不要把div用作布局容器，标签使用应当与内容对应，表意性设计

3.该书设计理念在IE泛滥(现在依然影响)的时代具备很长远的指导意义，当浏览器全部趋于web标准之后，该书解决的开发情况便成为历史，新的设计流程需要重新设计与讨论。