CSS hack
什么是CSS hack
由于不同的浏览器,甚至同一浏览器的不同版本对CSS的解析认识不一样,导致生成的页面效果不一致,写出针对不同浏览器CSS code就称为CSS hack。
常用的CSS hack 有三种方式,CSS 内部hack、选择器hack、HTML 头部引用,其中第一种最常用。
CSS3中常见一些这样的写法
...什么是CSS hack
由于不同的浏览器,甚至同一浏览器的不同版本对CSS的解析认识不一样,导致生成的页面效果不一致,写出针对不同浏览器CSS code就称为CSS hack。
常用的CSS hack 有三种方式,CSS 内部hack、选择器hack、HTML 头部引用,其中第一种最常用。
CSS3中常见一些这样的写法
...2015年6月10日一家金融公司前端面试题
1、z-index属性设置元素的堆叠顺序。但z-index仅能在定义的css中有position属性值为absolute、relative或fixed情况下生效。
...等高布局在实际的应用中会经常用到。最常见的是左边的内容很多,而右边的内容却很少。
为了不让右边出现太多的空白,有时需要让右边的高度和左边的保持一致。
我总结了两个方法,如下:
1、这个方法的原理是事先通过正内边距来使其拥有足够高度,然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏,我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度,从而实现了等高。
...一、左侧固定宽,右侧自适应布局
页面布局如下:
<div id="lt">left</div>
<div id="rt">right</div>
...我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面,强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;
...jQuery中的.height()、.innerHeight()和.outerHeight()是W3C的盒模型相关的几个获取元素尺寸的方法。
对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth(),在此不详述。
1、.height()
获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值(带一个参数)。
...最近做了一个首焦图效果,详细代码请看下面链接。
http://guo.35ui.cn/map/foucs/index.html
...什么是CSS清除浮动?
在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。
...在项目中遇到了这种效果图:
代码怎么写?见如下:主要是画红框的部分
...CSS3 圆角(border-radius)
border-radius属性
CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
比如,下面是一个div方框:
...