超越CSS:Web设计艺术精髓 笔记_html/css_WEB-ITnose
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高级布局
上一篇: 前端学习笔记02
推荐阅读
-
[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
-
CSS学习笔记二_html/css_WEB-ITnose
-
具有动态效果的响应式设计_html/css_WEB-ITnose
-
html、css、javascript随手笔记(持续更新)_html/css_WEB-ITnose
-
菜鸟关于网页设计的一个小问题,在线等答案~_html/css_WEB-ITnose
-
设计网页页脚的15个超实用技巧_html/css_WEB-ITnose
-
响应式WEB设计的9项基本原则_html/css_WEB-ITnose
-
WEB样式设计图_html/css_WEB-ITnose
-
在网站设计中非常有用的10款在线生成工具_html/css_WEB-ITnose
-
css学习笔记二之inline-block_html/css_WEB-ITnose