欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

超越CSS:Web设计艺术精髓 笔记_html/css_WEB-ITnose

程序员文章站 2022-05-10 20:17:15
...
w3c创建web标准、css和css禅意花园推动css、IE7浏览器存在市场份额的时代,因为IE7对标准还不是很理想,当前网络环境,IE6和windows xp已经被微软官方停止,IE8大体支持web标准的情况下,web开发人员还需要兼容IE7的情况下,该书提供一系列解决思路.

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条件注释
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寻找最佳流程
2.2搜集内容
2.3使用框架图工作
2.4使用灰盒改进
2.5静态设计
2.6使用交互原型
2.8过程实践
3.灵感
3.1引入基于网格的设计
3.2当今web设计中的网格
3.3寻找web之外的网格
3.4为web设计带来新的网格
3.5在意想不到的地方发现灵感
3.6精美的艺术活动
3.7web设计的美术
4.卓越
4.1卓越的css
4.2 css3
4.3高级布局