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;
}
分享到:
相关推荐
作者强调了在图片或CSS缺失的情况下,页面内容仍应保持易读性。此外,书中还教授了如何将外观从数据表格中剥离出来,再利用CSS重新定义,并确保页面布局可以自由缩放,不受窗口大小和字体的影响。 新版的《无懈可击...
无懈可击的Web设计 PDF
《无懈可击CSS+DIV源码》是一个关于前端网页布局和设计的资源包,主要包含使用CSS(层叠样式表)和DIV(定义文档结构的HTML元素)进行页面构建的示例代码。这个压缩包可能是一个教育或实战项目的集合,用于帮助...
《无懈可击的Web设计》是一本深入探讨如何创建高效、美观且用户友好的Web设计的专业书籍。在Web开发领域,设计不仅是视觉表现,更是用户体验的核心。它涉及到多个技术层面,包括HTML、CSS以及交互设计原则。在这个...
书中会讲述字体类型、对比度、行高和字间距等要素,帮助设计者创建易读且美观的文字样式。 5. **交互设计**:有效的交互设计可以使用户与网站的互动更为流畅。书中会涉及按钮设计、反馈机制、表单设计等,让用户...
### 无懈可击的Web设计:重构传统导航栏 #### 重要知识点: - **适应性设计**:创建能够自适应各种文字大小和内容数量的导航栏,提高用户体验。 - **传统方法的局限性**:分析基于图片和JavaScript的传统导航栏...
《无懈可击的WEB设计》是一本深受开发者喜爱的经典著作,主要涵盖了构建高效、美观且易用的网页设计的方方面面。源代码包"bpwd-code"提供了书中所讲解的各种设计和技术实现的实例,帮助读者深入理解并实践这些理论...
《无懈可击的WEB设计》是Web设计领域的一本经典著作,其第二版更是针对现代Web技术的发展进行了全面更新和扩展。这本书旨在帮助读者理解并掌握创建高效、可用且吸引人的网页设计的关键原则和技巧。以下是根据标题、...
无懈可击的WEB设计(英文版)
无懈可击的web设计(中文版)(免分下载)(pdf格式)
无懈可击 全方构建安全WEB系统无懈可击 全方构建安全WEB系统
我们不能寄希望于外部的检查来发现问题,而应该在事情完成之前就确保每一个细节都无懈可击。这样的工作习惯,不仅能够减少错误的发生,更能够提升个人和团队的信誉度和专业形象。 总之,读完《细节决定成败》这本书...
4. **字体与排版**:选择易读的字体,合理设置行高、字间距和段落间距,能够提高文本的可读性,使用户更容易获取信息。 5. **交互设计**:良好的交互设计意味着用户能够轻松地与网站互动。这包括设计有效的按钮、...
《无懈可击的Web设计》(第3版)是一本深入探讨Web设计的专业书籍,旨在帮助读者构建高质量、易用且无障碍的网站。这本书的源码提供了书中所讲解的各种设计和技术实现的实例,使读者能够更直观地理解并应用所学知识。...
无懈可击全方们构建安全WEB系统 喜欢的都看学习吧
SVRES:使得UNIX无懈可击.doc
《无懈可击web设计》英文版的chm文件,该书曾在CSDN的读书频道为推荐书目