各浏览器对各浏览器对CSS错误解析规则的差异错误解析规则的差异及及CSS hack

标签标签 :_ , * , -moz-..., -webkit-... , !important, hack, 兼容性, CSS, 语法

操作系统版本:操作系统版本:

Windows 7 Ultimate build 7600

浏览器版本:浏览器版本:

IE5

IE5.5

IE6

IE7

IE8

Firefox 3.6.2

Safari 4.0.4

Chrome 5.0.356.2 dev

Opera 10.51

受影响的浏览器:受影响的浏览器:

所有浏览器

各浏览器对各浏览器对CSS错误解析规则的差异及错误解析规则的差异及CSS hack 1

一、CSS语法、错误处理及特性值的介绍 2

1. CSS语法 2

2. CSS中的错误解析规则 2

3. 值 2

4. 浏览器解析差异及CSS hack 2

二、浏览器对CSS错误解析规则的差异2

1. 畸形的声明 2

(1). 多余的右大括号 2

(2). 未闭合的左大括号 3

(3). 多余的左括号4

(4). 属性和值由等号连接 5

(5). 空的特性值 5

(6). 选择器与“{”之间出现多余“,” 6

(7). 选择器之前出现分号6

2. 不合法的属性值 7

(1). 属性值对之间没有分号 7

(2).使用!important ,且声明之间缺失分号7

(3). 长度值缺失单位8

3. 其他 8

(1). HTML标签style属性内出现多余大括号8

(2). 注释前出现多余字符9

三、CSS hack 9

1. CSS hack简 9

2. CSS hack的实现方式 10

3. Windows系统下CSS hack汇总表 10

(1). 利用浏览器对相同代码的支持差异实现的hack 10

(2). 以Firefox或Webkit特有的扩展样式实现的hack 13

(3). 利用IE对标准的支持缺陷写的hack 16

(4). 以IE特有的条件注释为基础的hack 16

一、一、CSS语法、错误处理及特性值的介绍语法、错误处理及特性值的介绍

1. CSS语法语法

CSS语法适用于任何版本的CSS ,它描述了CSS的核心句法(syntax)、关键字、厂商扩展、可用字符

集、规则集合、声明块、选择器、特性以及注释等所有CSS的构成部分。

在此不做累述,详细参见:W3C CSS2.1规范 4.1。

2. CSS中的错误解析规则中的错误解析规则

CSS语法规定了CSS的写法,但是开发人员还是可能写出不合CSS语法的代码,这时候,浏览器就需

要忽略一部分不合法的样式表。

CSS2.1及所有后继版本中,对于任何以破折号、下划线开头的property:value组合和不包含标识符

的@-keywords组合,都以忽略的方式处理。

为了保证新的属性和值可以被正确添加,但遇到以下情况时,浏览器必须遵循以下的规则:

HTML浏览器解析位置错误,各浏览器对CSS错误解析规则的差异及CSS hack.pdf相关推荐

  1. edge浏览器下载位置设置

    edge浏览器下载位置设置 edge浏览器下载位置怎么设置?很多Win10用户要求微软为Edge浏览器增加下载位置设置选项,今天小编就为大家带来更改Win10 Edge浏览器默认下载位置的三种方法,可 ...

  2. 像素生成器获取位置错误_浏览器,像素和舍入错误

    像素生成器获取位置错误 我想我们大多数人已经了解了很长时间,无论是在元素宽度,元素位置还是背景位置中,浏览器在计算百分比时很少见得很对. 实际上,我去年所做的背景调查显示得很清楚. 感谢JQuery专 ...

  3. Firefox, IE等不同浏览器对JavaScript,CSS不同解析问题 (转备以后使用)

    一.针对不同浏览器css的写法有两种方法: 1.用*号和_下划线来区分,如下: background:orange;*background:green;_background:blue; IE6支持下 ...

  4. win10浏览器_Win10系统中ie浏览器的证书错误应该如何解决?

    Win10系统使用ie浏览器时提示证书错误怎么办?有不少用户都会在自己的电脑上面安装ie浏览器,但是最近有用户反应在使用ie浏览器的时候,弹出了证书错误不受信任的提示窗口,这应该如何解决呢?接下来就为 ...

  5. 浏览器打不开网页服务器错误代码,浏览器打不开任何网页提示域名解析错误错误代码105怎么办?...

    浏览器打不开任何网页提示域名解析错误错误代码105怎么办?如下图所示.360浏览器出现下面界面,IE浏览器都提示提示该网页无法打开,倘若QQ能正常登陆,浏览器打不开的问题,就应该是DNS解析的问题. ...

  6. 《十》浏览器基础及渲染引擎解析一个网页的过程、JavaScript 引擎解析 JavaScript 代码的过程

    浏览器:是安装在电脑里面的一个软件,能够将页面内容渲染出来呈现给用户查看,并让用户与网页进行交互. 服务器其实就是性能比较高的计算机,这些计算机 24 小时不断电. 不关机. 开发者在本地开发出 HT ...

  7. URL解析过程和浏览器渲染机制【面试必问、深入解析 下一次再也不怕面试官问这个问题】

    步骤拆分 网络-请求和响应 缓存 DNS解析 建立TCP连接(三次握手和四次挥手) 服务端验证请求 响应文件类型(Content-Type) 浏览器-解析与渲染 浏览器进程和线程 构建Dom树 lay ...

  8. 建行找不到服务器或DNS错误,建行浏览器打不开,提示域名解析错误,代码105,怎么解决?谢谢...

    你好,刚刚看到你提出的问题.域名解析错误,就是DNS解析错误.解决方法如下: 1.用右键打开IE浏览器属性后,在点击打开[高级]项后,选择[重置]的修复. 2.打开360安全卫士后,再点击打开下面[更 ...

  9. 运行QQ出现initialization failure 0x0000000c错误和浏览器上不了网

    出现QQ出现initialization failure 0x0000000c错误和浏览器上不了网的问题,原因是关机的时候没有正常关闭导致的. 解决方法: 1.我们在开始菜单栏中的附件中找到" ...

最新文章

  1. webBrowser自动填充、抓取网页数据
  2. linux学习笔记4:linux的任务调度,进程管理,mysql的安装和使用,ssh工具的使用,linux网络编程...
  3. html写原生曲线图,HTML5 平滑的正弦波曲线图
  4. 用户登录提交前,密码加密传输
  5. python 示例_Python TextCalendar类别| pryear()方法与示例
  6. 百度统计 java 实现思路_211本+985硕+计算机专业投面百度,坐等一周迎来三面,已拿offer...
  7. C#快速找出磁盘内的所有文件
  8. azure云数据库_将Azure SQL数据库警报集成到Slack
  9. 图像处理技术上的空间域和空间频率域
  10. arduino nano与Ps2手柄通过任意IO口控制舵机旋转至任意角度
  11. 纠删码(Erasure Code)及其演进LRC(Locally Repairable Codes)原理讲解
  12. JavaWeb技术内幕二:Java IO工作机制
  13. python中英文文本情感分析
  14. 女同学说我学会KALI她就做我女朋友:系列之liunx基础(一)
  15. 什么是Nginx?有什么用?
  16. 怎么在网站上设置qq在线客服
  17. 爬虫百战穿山甲(5)用大并发的手段批量爬取小图片
  18. Google 在搜索建议、实时搜索和本地搜索上的小改进
  19. mysql 主从备份_mysql 主从备份(一)
  20. python读取odb进行abaqus结果显示_用python读取Abaqus结果的重音'S'

热门文章

  1. Warning: This Python interpreter is in a conda environment, but the environment has not been activat
  2. 字符串应用,expect预期交互,数组,正则表达式
  3. 微信小程序实战之天气预报
  4. Acme的cmd line模式
  5. 一个菜鸟程序员的年终总结
  6. DeviceOne开发技术周报第二期-技术文章、优秀项目展示(四季旅行网,爱抢券)...
  7. python图片灰度处理shape_python-Tensorflow numpy图像重塑[灰度图像]
  8. 互联网校招简历这样写,找工作才好找哦!
  9. c++的armadillo库语法指南
  10. python中获取文件扩展名