`

css中几个简单的hack写法

    博客分类:
  • css
阅读更多
项目中遇到css 问题,怎么调试无果,详细看了css基础篇后发现几个css 的hack写法,记录下,以免忘记

#content{
  height:20px !important;
  height:100px;
}
#header{
height:20px;
*height:30px;
}

!important可以兼容IE7/IE8/IE9/Firefox 但是无法在IE6下运行(可恶的IE6),它只认识height,所以IE6的浏览器运行此处时,会跳过第一句,运行第二句,是无赖之举呀
下面的代码也是一样,IE6/IE7 认识*height 所以继续运行第二句
text-indent:2em 开头空两格
http://www.w3cfuns.com/portal.php


css中line-height的使用技巧
如果网页元素的字体大小12px-14px,line-height最好设置为1.5em-1.8em的间距,且字号越大,行间距越小
分享到:
评论

相关推荐

    CSS教程之通用的css hack简介

    本文将详细介绍几种常用的CSS Hack方法,帮助读者更好地理解和应用这些技巧。 #### 二、CSS Hack概述 CSS Hack是一种针对特定浏览器或版本编写CSS规则的方法,通过特殊语法让某些浏览器识别而其他浏览器忽略,以此...

    css hack(underscore, alternate stylesheet, png...)

    下面将详细介绍几个常见的CSS Hack类型: 1. 下划线`_` hack:这是针对早期IE6浏览器的一个hack。例如,`_width:100px;` 这样的写法只有IE6会识别,其他浏览器会忽略下划线开头的属性。这种方法现在已很少使用,...

    css hack大全

    ### CSS Hack 大全 #### 一、CSS Hack 概述 CSS Hack 是一种特定的技术手段,用于在不同浏览器或浏览器的不同版本之间实现差异化的样式处理。由于各个浏览器对CSS的支持程度不同,开发者可能需要使用特定的方法来...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    具体的CSS hack写法如下: - 区别IE6与Firefox:background: orange; *background: blue; - 区别IE6与IE7:background: green !important; background: blue; - 区别IE7与Firefox:background: orange; *background:...

    在Less中写IE的css hack的方法介绍

    // IE7、8的Hack写法 .box { width: 100px@{hack}; } ``` 这段代码中,@hack变量会被Less编译为一个特殊的字符串插值表达式,并且通过波浪号(~)避免编译错误,最终编译出以下CSS代码: ```css .box { width: ...

    Hack 只针对IE的写法

    文章中提到的“Hack只针对所有IE(IE6~10)”指的是一系列CSS选择器技巧,它们只会在IE浏览器的各个版本中生效,而不会影响到其他现代浏览器。例如,使用“\9”这一特殊字符后缀的选择器,能够针对IE6至IE10的版本...

    IE下css if条件

    不过,通常这样的博客文章会详细介绍如何在CSS中进行IE Hack,包括但不限于以下几种方法: 1. **类选择器和属性选择器**:IE6不支持某些属性选择器,如`[attr^=value]`(属性值以某个值开头)。因此,可以利用这个...

    CSS 忍者.doc

    本文将深入探讨几种关键的CSS Hacks技术,包括条件注释、选择器Hack以及通过条件判断插入特定类的方法,旨在帮助读者理解并掌握这些技巧,以便在实际项目中更加高效地解决浏览器兼容性挑战。 #### 条件注释:针对IE...

    css display inline block 兼容性问题写法

    具体来说,为了使display: inline-block在IE6/IE7中也能够兼容,可以采取以下几种写法: 1. 对于IE7及以上版本的IE浏览器,可以使用条件注释(仅限于HTML文件中的注释方式)来单独设置CSS规则: ```css * ...

    CSS在网页上实现浮动层跟随滚动条特效(兼容IE6)

    这种方式使用几个特殊的 CSS 来解决 IE6 下跟随滚动条移动的问题: 1. `position:absolute;` 让 IE6 相信 absolute 就是 fixed。 2. `body { margin:0; height:100%; overflow-y:auto; }` 整段代码演示: ```html...

    css_hack_testing:在我创建和测试CSS格式“ hacks”的地方-大多数情况下是我自己的creationscombinations(这里没有违法行为-很抱歉,如果这不是您想要的...),您应该在大多数情况下使用干净CSS,但这对于需要时快速修复。 请查看browserhacks.com了解更多

    标题中的“css_hack_testing”指的是一个专门用于测试和研究CSS Hack的项目,这通常是为了应对不同浏览器对CSS样式解析的差异性。在Web开发中,由于各浏览器对CSS规范的实现可能存在不一致,开发者有时需要使用所谓...

    针对IE6的一些CSS Hack编写时的注意点小结

    以下是从提供的文件内容中提炼出的针对IE6编写CSS时需要注意的几个知识点和技巧: 1. 区分IE6、IE7与FF/IE8的不同写法: - IE6和IE7能够识别以星号(*)开头的CSS属性,而Firefox和IE8则不能识别。例如,可以使用 *...

    让IE支持CSS3 Media Query实现响应式Web设计

    此外,文件中还提到了几种针对IE浏览器的特定CSS hack写法: - `width:auto\9`:这是一种针对IE6/IE7/IE8/IE9/IE10的CSS hack,意思是如果浏览器是IE系列,则应用这条样式规则。 - `width:auto\0`:这是专门针对IE8/...

    css实现的对联广告代码

    - CSS的多层写法(如`.couplet_ad`下的几个不同样式声明),也体现了对旧浏览器的兼容策略。实际上,现代浏览器已经基本不使用这些过时的CSS技巧。 总结而言,文章提供的对联广告代码,利用CSS3的固定定位(`...

    web前端开发面试题易莱胜web前端开发培训面试题.doc

    4. 简述几个 CSS Hack ? 答: CSS Hack 是指在 CSS 中使用的一些 trick 来解决浏览器之间的兼容性问题。包括图片间隙问题、默认高度问题、表单行高不一致问题、鼠标指针问题等。解决这些问题可以使用不同的 hack,...

    css IE8 兼容问题的汇总

    首先,从给定的内容中我们可以看到几种不同的CSS hack技巧,它们主要是为了在不同浏览器中实现样式的兼容性而使用的。例如: 1. `color:red; /*所有浏览器都支持*/` 这是一种最基本的样式声明,能够被所有现代...

    css 兼容性书写记录

    然而,很多时候我们仍然不得不面对已经存在的兼容性问题,比如下面例子中的几个典型问题及其解决方案: #### 1. DIV边框不显示问题 问题描述:在一个容器`div`(A层)内有多个浮动的`div`(B层),用来存放内容。...

Global site tag (gtag.js) - Google Analytics