`
ice-cream
  • 浏览: 328472 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

《无懈可击》读后筛选

    博客分类:
  • Css
阅读更多

1.

a:通常ie5/win中字的现实结果总是要比其他浏览器整整大一号,为了让所有浏览器兼容,我们需要利用CSS hack。

body{
         font-size:x-small;/* for IE5/Win */
         voice-family:"\"}\"";
         voice-family:inherit;
         font-size:small;/for compliant  browsers */
}

html>body{/* be nice to Opera */
          font-size:small;
}

只有IE5/Win能识别出

voice-family:"\"}\"";

这个结束的大括号,于是它会认为CSS规则已经结束。 Firefox、Opera等浏览器支持子选择器(>),而IE不识别(包括IE7)。

对于其他所有兼容浏览器,我们在后面用small覆盖了x-small。上面的第二个声明,我们称这个规则为“对Opera”友好的规则,因为它能防止Opera浏览器(以及某些其他浏览器)潜在地忽略掉hack代码之后的规则。

如果使用了Box Model Hack,这句声明就应该也要用上,它本质上确保了所有浏览器都能完整读取样式表中的下一条声明。

b:如果使用SBMH,那么我们前面的例子解决起来就更简单更明了一些

body{
         font-size:small;
}
*html body{
          font-size:x-small;/* for IE5/Win */
          f\ont-size:small;/* for other IE versions */
}

 *html 选择器来提供专门用于IE浏览器的声明。IE5/Win会忽略font-size属性中的反斜杠。

2.清浮动(:after伪类)

div:after{
              content:".";
              display:block;
              height:0;
              clear:both;
              visibility:hidden;
}
 
分享到:
评论

相关推荐

    无懈可击的WEB设计第二版.pdf

    作者强调了在图片或CSS缺失的情况下,页面内容仍应保持易读性。此外,书中还教授了如何将外观从数据表格中剥离出来,再利用CSS重新定义,并确保页面布局可以自由缩放,不受窗口大小和字体的影响。 新版的《无懈可击...

    无懈可击的Web设计 PDF

    无懈可击的Web设计 PDF

    无懈可击CSS+DIV源码.rar

    《无懈可击CSS+DIV源码》是一个关于前端网页布局和设计的资源包,主要包含使用CSS(层叠样式表)和DIV(定义文档结构的HTML元素)进行页面构建的示例代码。这个压缩包可能是一个教育或实战项目的集合,用于帮助...

    无懈可击的web设计

    《无懈可击的Web设计》是一本深入探讨如何创建高效、美观且用户友好的Web设计的专业书籍。在Web开发领域,设计不仅是视觉表现,更是用户体验的核心。它涉及到多个技术层面,包括HTML、CSS以及交互设计原则。在这个...

    无懈可击的web设计电子书pdf格式

    书中会讲述字体类型、对比度、行高和字间距等要素,帮助设计者创建易读且美观的文字样式。 5. **交互设计**:有效的交互设计可以使用户与网站的互动更为流畅。书中会涉及按钮设计、反馈机制、表单设计等,让用户...

    无懈可击的Web设计

    ### 无懈可击的Web设计:重构传统导航栏 #### 重要知识点: - **适应性设计**:创建能够自适应各种文字大小和内容数量的导航栏,提高用户体验。 - **传统方法的局限性**:分析基于图片和JavaScript的传统导航栏...

    无懈可击的WEB设计源代码

    《无懈可击的WEB设计》是一本深受开发者喜爱的经典著作,主要涵盖了构建高效、美观且易用的网页设计的方方面面。源代码包"bpwd-code"提供了书中所讲解的各种设计和技术实现的实例,帮助读者深入理解并实践这些理论...

    无懈可击的WEB设计第二版 PDF

    《无懈可击的WEB设计》是Web设计领域的一本经典著作,其第二版更是针对现代Web技术的发展进行了全面更新和扩展。这本书旨在帮助读者理解并掌握创建高效、可用且吸引人的网页设计的关键原则和技巧。以下是根据标题、...

    无懈可击的WEB设计(英文版)

    无懈可击的WEB设计(英文版)

    无懈可击的web设计_cn_pdf(中文版)(免分下载)(pdf格式)

    无懈可击的web设计(中文版)(免分下载)(pdf格式)

    无懈可击 全方构建安全WEB系统

    无懈可击 全方构建安全WEB系统无懈可击 全方构建安全WEB系统

    《无懈可击的Web设计》

    4. **字体与排版**:选择易读的字体,合理设置行高、字间距和段落间距,能够提高文本的可读性,使用户更容易获取信息。 5. **交互设计**:良好的交互设计意味着用户能够轻松地与网站互动。这包括设计有效的按钮、...

    《无懈可击的Web设计》(第3版)源码

    《无懈可击的Web设计》(第3版)是一本深入探讨Web设计的专业书籍,旨在帮助读者构建高质量、易用且无障碍的网站。这本书的源码提供了书中所讲解的各种设计和技术实现的实例,使读者能够更直观地理解并应用所学知识。...

    无懈可击全方们构建安全WEB系统

    无懈可击全方们构建安全WEB系统 喜欢的都看学习吧

    SVRES:使得UNIX无懈可击.doc

    SVRES:使得UNIX无懈可击.doc

    无懈可击web设计

    《无懈可击web设计》英文版的chm文件,该书曾在CSDN的读书频道为推荐书目

Global site tag (gtag.js) - Google Analytics