使用css hacker我可以把浏览器分为3类:IE6 ;IE7和遨游;其他(IE8 chrome ff safari opera等)

  ◆IE6认识的hacker 是下划线_ 和星号 *

  ◆IE7 遨游认识的hacker是星号 *

  比如这样一个CSS设置:

  1. height:300px;*height:200px;_height:100px;

  IE6浏览器在读到height:300px的时候会认为高时300px;继续往下读,他也认识*heihgt, 所以当IE6读到*height:200px的时候会覆盖掉前一条的相冲突设置,认为高度是200px。继续往下读,IE6还认识_height,所以他又会覆盖掉200px高的设置,把高度设置为100px;

  IE7和遨游也是一样的从高度300px的设置往下读。当它们读到*height200px的时候就停下了,因为它们不认识_height。所以它们会把高度解析为200px,剩下的浏览器只认识第一个height:300px;所以他们会把高度解析为300px。因为优先级相同且想冲突的属性设置后一个会覆盖掉前一个,所以书写的次序是很重要的。

  padding:20px; /* Firefox、chrome、IE8、safari、opera等*/

  *padding:25px; /*IE7、IE6、遨游*/

  _padding:20px; /*IE6*/

转载于:https://www.cnblogs.com/lellansin/archive/2012/05/13/2498141.html

css书写格式 /* css hacker */相关推荐

  1. CSS 样式书写规范,css样式书写规范

    在工作当中css样式是非常重要的,但是咋样书写css样式更重要. 一.css书写规范 1.定位属性:position  display  float  left  top  right  bottom ...

  2. (27)StyleLint—CSS代码格式校验

    一.StyleLint介绍 StyleLint就是对 CSS 代码格式进行检查. 二.使用 StyleLint步骤 • 初始化项目( npm init --yes ) • 安装 StyleLint ( ...

  3. CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置

    目录 一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...

  4. css初识:样式的引用、css复合选择器、css书写规范、css背景

    引入CSS样式表 CSS可以写到那个位置? 是不是一定写到html文件里面呢? 内部样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: ...

  5. 使用stylelint格式css代码

    前言 说到代码格式化前端同学们一般都知道使用eslint和prettier格式化js代码,但css大部分同学平时工作中不太重视导致团队css代码较乱.一套好的css代码不仅可以提高代码可维护性还能提高 ...

  6. 来自Mozilla的CSS书写规范建议

    一个来自Mozilla的CSS书写规范建议,希望对大家有帮助 引用内容 //显示属性 display list-style position float clear //自身属性 width heig ...

  7. 推荐大家使用的CSS书写规范、顺序

    推荐大家使用的CSS书写规范.顺序 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, ...

  8. (转)CSS书写规范、顺序

    原文地址 写了这么久的Css,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及 ...

  9. css列表格式属性,css list-style-type属性笔记

    list-style-type属性定义及用法 在css中,list-style-type属性是使用来设置列表项标记的类型,在有序列表和无序列表中经常都会使用该属性. 目前,所有主流浏览器都支持list ...

最新文章

  1. 在win8上安装mysql_如何在Win8系统上安装MySQL 5.6
  2. linux定时导出数据库,linux 下定时导出备份oracle数据库
  3. PHP二维数组根据字段排序
  4. 忘记mysql数据库密码时进行修改方法
  5. springbot 注入多实例
  6. ASP.NET Core 2.0 Web API项目升级到ASP.NET Core 3.0概要笔记
  7. navicat不同数据库数据传输
  8. java原理—反射机制
  9. 想加入IT行业为何建议你学Python,不要错过时机哦
  10. 2-1:C++快速入门之命名空间
  11. Java中使用Jedis操作Redis,java初级面试笔试题
  12. 发生内部错误。请与 microsoft 支持部门联系。_设计变更、工程签证、确认单、工程洽商、联系单、会签的区别,一文搞懂...
  13. Jupyter Notebook激活conda对应的环境
  14. android opencl sdk,在新的Android Studio中使用OpenCL
  15. java项目实战之404错误原因总结
  16. Linux 2.6.19.x内核编译配置选项简介
  17. 联想叶明:“双态IT”不能一刀切理解
  18. iPhone5发布,杂谈
  19. 使用Electron和Microsoft Bot Framework制作Skype Bot
  20. 【黑灰产犯罪研究】网络水军

热门文章

  1. 在react中使用svg的各种骚姿势 1
  2. UEFI下windows启动过程
  3. 76.Nodejs Express目录结构
  4. 荷兰搞定原子级数据存储:1平方英寸500TB
  5. MAC/Linux 下 Git 记住用户名密码
  6. JS进阶Date format(日期格式化)
  7. [UML]UML系列——时序图(顺序图)sequence diagram
  8. table 的 id 属性不被 document.getElementById支持
  9. 单纯形法求解函数极值问题 matlab代码
  10. 高精度小数 mooc 翁恺c 语言