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

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

WBOY
WBOYoriginal
2016-06-21 09:07:171066parcourir

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高级布局
   

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn