ie | 易学教程

inline-block 前世今生

阅读更多关于 inline-block 前世今生

曾几何时，display:inline-block 已经深入「大街小巷」，随处可见「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-block。（本文约定 display:inline-block 简写为 inline-block）开篇我们来看几个问题： IE6、7 真的不支持 display:inline-block 吗？ display:inline-block 后的元素为什么会产生水平空隙，这真的是 bug 吗？如何更好的解决 display:inline-block 元素间产生的水平空隙？一、inline-block 前世 1.认知也许有人问你为何要写「 display:inline-block; *display:inline; *zoom:1; 」来兼容 IE6、7 时，你会立马答道：因为 IE6、7 不支持 display:inline-block 呗!不知道何时起，惯性思维给开发者带来了这样一个可怕的概念。万物都是辩证的，当你写下这些的时候，可曾怀疑过大众观点真的可靠吗？也许你认为这些无关

阿里巴巴面试题

阅读更多关于阿里巴巴面试题

前端面试题目 1. div和span的区别？ div是块级标签，span是行级标签 2. 在html中，position取值有哪几种，默认值是什么？取值：static、relative、fixed、absolute 默认值：static 3. 前端页面由哪三层构成，分别是什么？作用是什么？前端页面构成：结构层、表示层、行为层结构层（structural layer）由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。” 表示层（presentation layer）由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。 4. 如何居中一个浮动元素？方式1:设置容器的浮动方式为相对定位，然后确定容器的宽高比如宽500 高 300 的层，然后设置层的外边距。 <!DOCTYPEHTML> <html> <head> <styletype="text/css"> div{ width: 500px; height: 300px; margin:

[笔记]jQuery UI的tabs组件在IE浏览器中的缓存问题~

阅读更多关于 [笔记]jQuery UI的tabs组件在IE浏览器中的缓存问题~

jQuery中禁用缓存最近在使用jQuery ui中的tabs插件时，遇到一个问题。在非IE浏览器下，标签是自动刷新的。就是在不同的标签间切换，不用刷新整个页面，如果某个标签内容有更新，比如显示时间，那么切换到别的标签，再切换回来，时间是最自动更新的。但是在IE中，无论怎么修改标签内的代码，内容都不会自动刷新，而且，按F5设置是Ctrl+F5，内容都不会自动更新！后来，在国外论坛中找到了一种方法，就是禁用jQuery的缓存： $.ajaxSetup({cache:false}) 其实，cache:false我之前也有想到，但是把它放到tabs()里面了，所以竟然无效。看来还是对jQuery框架了解的不是太深刻哈。不过这也暴露了使用框架的一个弊端：不太自由。如果需要使用些高级的功能，就相当麻烦。当然，如果只是在UI上，jQuery是非常棒的。但是如果处理数据，它就显得有点儿力不从心了。貌似在数据处理上EXT比较强大些。 [摘自：http://shenfei.me/jquery-to-disable-caching.html] --------------------------------------------------------- 呵呵，我最近也碰到这个问题了，我用的是jQuery 1.4.4和jQuery UI 1.8.8，在IE6、7、8版本中都有这个问题

【win10】selenium之Firefox,Chrome,IE对应webdriver的安装配置

阅读更多关于【win10】selenium之Firefox,Chrome,IE对应webdriver的安装配置

一、安装Python3 1. 可以到Python官方网站：https://www.python.org/downloads/ 下载并安装Python，建议安装Python3（由于已经安装过，此处就不继续阐述安装步骤，安装步骤和其他软件一样，安装完成后把安装目录加入到环境变量，可参考其他文章） 2. 安装后，检查是否安装成功的方法：在Windows命令行(cmd)，输入： python ，出现python版本信息就表明安装成功　　　　注：若提示Python不是内部或者外部命令，就把Python的安装目录添加到系统环境变量的Path下面。二、安装selenium 　　1、Python3默认安装好了pip, pip是一个安装和管理Python包的工具，我们可以用这个工具安装selenium。可以cmd命令行中输入： pip install selenium 　　2、同样，安装完成后，检查是否安装成功。在可以cmd命令行中输入： pip show selenium ，出现selenium版本信息就表明安装成功，且可以看到我的selenium Version: 3.141.0 　　　　selenium支持几乎市面上所有的主流浏览器，这里主要介绍 chrome、firefox、IE浏览器及其驱动配置，下面需要安装浏览器及对应的webdriver 三、浏览器及webdriver安装

自己动手写Web自动化测试框架（2）：打开和操纵IE

阅读更多关于自己动手写Web自动化测试框架（2）：打开和操纵IE

这一个部分我们来讲用SHDocVw对IE进行操作。　　接下来的几篇文章我们都会以Console Application来向大家介绍Web自动化的一些基础。　　以下的代码在VS2005上通过测试，相信在VS2005 express已经VS2008上也可以通过，不过在VS2003上可能要稍微修改。使用vs2003的朋友，建议大家使用VS2005 express。　　浏览器使用了IE7。 IE6以及更低版本并没有做过试验。　　首先我们打开VS2005，建立一个Console Application项目：　　新建一个命令行工程　　接下来我们需要包含两个引用了，就是mshtml和SHDocVw。关于这两个dll的简单介绍，请参见：自己动手写Web自动化测试框架（1）：概述　　包含mshtml引用　　第二个SHDocVw一定要在下面这个路径找：（C:\Program Files\Microsoft Visual Studio 8\Application\PreEmptive Solutions\Dotfuscator Community Edition）包含SHDocVw 　　包含两个类库之后，我们就可以使用C#来对IE进行一些基本的操作了。　　我们要添加几个命名空间，来简化我们下面的代码： using System.Diagnostics; /

CSS中如何使用背景样式属性，看这篇文章就够用了

阅读更多关于 CSS中如何使用背景样式属性，看这篇文章就够用了

css背景样式属性介绍背景样式就是自定义 HTML 标签的背景颜色或背景图像。背景属性说明表属性名属性值描述 background-color #f00、red、rgb(255,0,0) 设置背景颜色。 background-image url(背景图片路径) 设置背景图像。 background-repeat repeat、repeat-x、repeat-y、no-repeat 设置背景图片是否平铺和平铺方向。 background-position left、center、right、top、bottom、固定值、百分比设置背景图片位置。 background-attachment scroll、fixed 设置背景图片位置是否是固定或滚动。 background 属性值就是以上的所有值设置背景的缩写形式。属性为background-color使用方式让我们进入属性为 background-color 实践，实践内容如：将 HTML 页面中的 div 背景设置为红色。代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http

前端面试题-CSS Hack

阅读更多关于前端面试题-CSS Hack

一、CSS Hack的概念由于不同厂商的流览器或某浏览器的不同版本（如IE,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式。我们把针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS hack! 二、CSS Hack的原理由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及 CSS优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情景来应用不同的CSS 。三、CSS Hack的分类 3.1 CSS 属性前缀法（即类内部 Hack）（1）IE6 能识别下划线" _ "和星号" * " （2）IE7 能识别星号" * "，但不能识别下划线" _ " （3）IE6~IE10 都识别" \9 " （4）firefox 前述三个都不能识别。 3.2 选择器前缀法（即选择器 Hack）（1）IE6 能识别 *html .class{} （2）IE7 能识别 *+html .class{} 或 *:first-child+html .class{} 3.3 IE条件注释法（即 HTML 头部引用 if IE Hack）（1）所有 IE (注：IE10+

HTML5

阅读更多关于 HTML5

一：属性 1、input新增的属性，有些浏览器支持，有些不支持,使用在form表单里面　　　　<form action=""> <input type="date">//显示年月日 <input type="time">//显示早中晚+几点 <input type="week">//显示年+第几周 <input type="datetime-local">//显示年月日，早中晚+几点 <input type="number">// <input type="email">// <input type="color">// <input type="range" min="1" max="100">// <input type="search">//

面试准备盒模型

阅读更多关于面试准备盒模型

CSS盒模型（理论转化应用）题目：谈谈对css盒模型的认识基本概念：标准模型和 IE模型区别：计算高度和宽度的不同（理论）标准：content IE：计算border 和padding css如何设置两种模型： box-sizing: content-box(默认) box-sizing: border-box JS如何设置获取盒模型对应的宽和高： dom.style.width/height ( 获取内联样式的宽高) dom.currentStyle.width/height （获取已经渲染到页面的）！只有ie支持 window.getComputedStyle(dom).width/height 和第二个作用一样但是兼容更好解释边距重叠：边距解决方案 IFC BFC ：来源： https://www.cnblogs.com/-constructor/p/11960433.html

HTML_head标签中META,IF IE等

阅读更多关于 HTML_head标签中META,IF IE等

常用蓝色标注 ‍<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta http-equiv="refresh" content="5;URL=http://www.baidu.com" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta name="keywords" content="keywords01,keywords02"> <meta name="description

订阅 ie