css书写格式 /* css hacker */
使用css hacker我可以把浏览器分为3类:IE6 ;IE7和遨游;其他(IE8 chrome ff safari opera等)
◆IE6认识的hacker 是下划线_ 和星号 *
◆IE7 遨游认识的hacker是星号 *
比如这样一个CSS设置:
- 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 */相关推荐
- CSS 样式书写规范,css样式书写规范
在工作当中css样式是非常重要的,但是咋样书写css样式更重要. 一.css书写规范 1.定位属性:position display float left top right bottom ...
- (27)StyleLint—CSS代码格式校验
一.StyleLint介绍 StyleLint就是对 CSS 代码格式进行检查. 二.使用 StyleLint步骤 • 初始化项目( npm init --yes ) • 安装 StyleLint ( ...
- 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 ...
- css初识:样式的引用、css复合选择器、css书写规范、css背景
引入CSS样式表 CSS可以写到那个位置? 是不是一定写到html文件里面呢? 内部样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: ...
- 使用stylelint格式css代码
前言 说到代码格式化前端同学们一般都知道使用eslint和prettier格式化js代码,但css大部分同学平时工作中不太重视导致团队css代码较乱.一套好的css代码不仅可以提高代码可维护性还能提高 ...
- 来自Mozilla的CSS书写规范建议
一个来自Mozilla的CSS书写规范建议,希望对大家有帮助 引用内容 //显示属性 display list-style position float clear //自身属性 width heig ...
- 推荐大家使用的CSS书写规范、顺序
推荐大家使用的CSS书写规范.顺序 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, ...
- (转)CSS书写规范、顺序
原文地址 写了这么久的Css,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及 ...
- css列表格式属性,css list-style-type属性笔记
list-style-type属性定义及用法 在css中,list-style-type属性是使用来设置列表项标记的类型,在有序列表和无序列表中经常都会使用该属性. 目前,所有主流浏览器都支持list ...
最新文章
- 在win8上安装mysql_如何在Win8系统上安装MySQL 5.6
- linux定时导出数据库,linux 下定时导出备份oracle数据库
- PHP二维数组根据字段排序
- 忘记mysql数据库密码时进行修改方法
- springbot 注入多实例
- ASP.NET Core 2.0 Web API项目升级到ASP.NET Core 3.0概要笔记
- navicat不同数据库数据传输
- java原理—反射机制
- 想加入IT行业为何建议你学Python,不要错过时机哦
- 2-1:C++快速入门之命名空间
- Java中使用Jedis操作Redis,java初级面试笔试题
- 发生内部错误。请与 microsoft 支持部门联系。_设计变更、工程签证、确认单、工程洽商、联系单、会签的区别,一文搞懂...
- Jupyter Notebook激活conda对应的环境
- android opencl sdk,在新的Android Studio中使用OpenCL
- java项目实战之404错误原因总结
- Linux 2.6.19.x内核编译配置选项简介
- 联想叶明:“双态IT”不能一刀切理解
- iPhone5发布,杂谈
- 使用Electron和Microsoft Bot Framework制作Skype Bot
- 【黑灰产犯罪研究】网络水军