IT技术江湖   操作系统   安全技术   平面设计   Web开发   数据库   互联网   搜索引擎   网络广告   
引擎技术江湖  BLOG  合作联系
本站
Google
IT技术江湖
首页>Web开发>DIV+CSS重构> CSS让网页更容易设计与维护
  • IT技术江湖
  • CSS让网页更容易设计与维护
    http://www.hack1st.com 来源: 2008-03-20 阅读: 评论

      例如IE 5在Width这个语法实作,与W3C制定的标准有所不同,造成它与其它浏览器会呈现不同的结果。为了解决这个问题,而有所谓「Box Model Hack」的技巧,让IE 5也能和其它浏览器呈现相同的结果。

      Pseudo Class

      虚拟类别

      最常见的虚拟类别是应用在超级链接语法上。例如超级链接指定连结颜色(a:link)、造访过颜色(a:visit)、以及鼠标经过(a:hover)等。

      事实上虚拟类别不只能用在超级链接上,例如表格或窗体输入字段等,CSS都能选取并指定多种状态,但是由于IE 6以前的浏览器只支持少数虚拟类别语法,即使最常见的超级链接也支持不完整(a:focus便不支持),造成使用的人很有限。

      Inheritance

      继承

      继承是CSS在设计上相当具有效率的原则,能精简设计上的复杂性。例如在「body」选取器指定字型与大小之后,包含在「body」底下的所有元素,都会自动继承这个样式,不需要一一为子系的元素再指定样式。

      继承而来的属性,也可以透过指定值进行复写,因此如果区块需要不同的字型,只需要重新指定新值给这个区块,就可以采用新字型。透过这种方式,可以大为减少选取器的数量。


      float

      飘浮,文绕图

      CSS的文绕图的功能是透过指定「float」属性值,就能让区块「飘浮」起来,并透过指定左、右位置,移到定点。

      文绕图虽然是用在图、文关系上,不过在设计实务中,更大量应用在版面定位上。另一个常用来定位版本的功能是「position」,它可以精确地用像素指定任意位置。利用「float」或「position」,便可以取代过去透过巢状表格才能达到的精准定位。


    上一页 1 2下一页

    上一篇:CSS的学习应该注意学习方法  
    下一篇:Web 的内容(Content)、结构(Structure)与表现(Presentation) 漫谈

    ·网友互动--用户名: (新注册) 密码: 匿名评论 [所有评论]
    评论内容:(用户发表意见仅代表其个人意见,评论内容与本站立场无关,请自觉遵守互联网相关政策法规)
    关注此文读者还看过
    • ·从四个方面谈谈Web标准的价值所在
      ·CSS编写中灵活运行注释的意义
      ·用CSS制作的很不错的简洁的网页导航下拉菜
      ·一个用纯CSS制作的网页下拉菜单
      ·Div + CSS高度自适应解决方案
      ·简单了解学习CSS的伪类
      ·CSS 中的行为 —— expression
      ·网页制作基础知识:为什么我的设置的div最
      ·CSS样式表技巧总结
      ·DIV和CSS排版中制作细线条的几种方法
    最新更新
    • ·从四个方面谈谈Web标准的价值所在
      ·CSS编写中灵活运行注释的意义
      ·用CSS制作的很不错的简洁的网页导航下拉菜
      ·一个用纯CSS制作的网页下拉菜单
      ·Div + CSS高度自适应解决方案
      ·简单了解学习CSS的伪类
      ·CSS 中的行为 —— expression
      ·CSS样式表技巧总结
      ·DIV和CSS排版中制作细线条的几种方法
      ·运用 CSS 的 absolute 与 relative 制作的
    文章关注度排行
    ·Div + CSS高度自适应解决方案
    ·CSS实战:利用CSS相对定位进行多行多列布局
    ·一个用纯CSS制作的网页下拉菜单
    ·用CSS制作的很不错的简洁的网页导航下拉菜
    ·DIV和CSS排版中制作细线条的几种方法
    ·CSS编写中灵活运行注释的意义
    ·从四个方面谈谈Web标准的价值所在
    ·简单了解学习CSS的伪类
    热点推荐
    频道推荐
    • ·CSS的学习应该注意学习方法
    • ·Web 的内容(Content)、结构(Structure)
    • ·巧妙运用CSS样式表立刻改变鼠标的样式
    • ·纯CSS制作的新闻网站中的文章列表
    • ·CSS让网页更容易设计与维护
    • ·CSS布局实例:上中下三行,中间自适应
    • ·CSS设计符合Web标准的网页表单的几个技巧
    本站精华
    • ·巧妙运用CSS样式表立刻改变鼠
    • ·Web 的内容(Content)、结构
    • ·CSS让网页更容易设计与维护
    • ·CSS的学习应该注意学习方法
    • ·CSS布局实例:上中下三行,中间
    • ·纯CSS制作的新闻网站中的文章
    • | 网站导航 | 联系QQ | 编辑邮箱 | RSS订阅 | 友情链接 | 官方blog
    • 版权所有:IT技术江湖 @2007-2008
    • powered by www.hack1st.com online services. all rights reserved.京ICP备07005766号