摘要：
一些情况下对非可点击元素如(label,span)监听click事件，ios下不会触发 三星手机遮罩层下的input、select、a等元素可以被点击和focus(点击穿透) 安卓浏览器看背景图片，有些设备会模糊。 h5页面有个问题就是，当输入框在最底部，点击软键盘后输入框会被遮挡。 关于Web移动 阅读全文
摘要：
CSS3 动画属性（Animation） CSS 背景属性（Background） CSS 边框属性（Border 和 Outline） Box 属性 Color 属性 阅读全文
摘要：
方法一：移除空格 元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就木有了。考虑到代码可读性，显然连成一行的写法是不可取的，我们可以： 或者是： 或者是借助HTML注释： 方法二：使用margin负值 margin负值的大小与上下文的字体和文字大小相关，间距对应大小 阅读全文
摘要：
目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形来开启GPU加速 一个元素通过translate3d右移500px的动画流畅度会明显优于使用left属性；原因是因为： CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompos 阅读全文
摘要：
两列布局：左侧定宽，右侧自适应方法一：利用float和负外边距 优点：考虑了页面优化，右侧主内容区先加载，左侧后加载。 缺点：多添加了一层div包裹。 方法二：利用外边距 优点：代码简洁，便于理解 缺点：不利于页面优化，右侧主内容区后加载 方法三：利用position 优点：考虑到了页面优化，右侧内 阅读全文
摘要：
1、绝对定位+margin：auto 效果： 实现原理：利用css定位规则，设置左右、上下方向定位为0，margin为auto，让css根据定位计算margin值，用hack的方式实现居中。居中块（绿色）的尺 寸需要可控,因为css计算margin时也需要参考尺寸值，由于四周为0，所以自动计算的尺寸 阅读全文
摘要：
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几 阅读全文
摘要：
一、什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 CSS Hack常见的有三种形式：CSS属性Hack、CSS 阅读全文
摘要：
首先声明一下CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式;优先级是指不同类别样式的权重比较;层叠是说当数量相同时，通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如：body,div,p,ul,li) 2 阅读全文
摘要：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed ● static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。 ● relative 不脱离文档流，参考自身静态位置通过 top,bottom,left 阅读全文
摘要：
为什么要清除浮动 浮动会使当前标签产生向上浮的效果，导致不同浏览器在计算父级元素高度，或者显示前后标签位置的时候产生意想不到的问题。 清除浮动的方法 为父元素定义height 设置父元素浮动，同时为其设置高度 在浮动元素的后面添加一个空的div标签，并为新添加的标签设置clear：both 在浮动元 阅读全文
摘要：
行内元素与块级元素的区别 行内元素最好不要包裹块级元素，但是块级元素可以任意的包裹行内元素 行内元素如果其上一个元素也是行内元素，则他们会分布在统一水平线上，即在一行上排列，块级元素不论上一个元素是行内元素还是块级元素都要另起一行，单独占一行。 对于行内元素设置with、height、margin值 阅读全文
摘要：
一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元 阅读全文
摘要：
盒子模型 css盒子模型分为两种，一种是遵循w3c标准的标准盒子模型，另外一种就是IE盒子模型。 盒子模型 css盒子模型分为两种，一种是遵循w3c标准的标准盒子模型，另外一种就是IE盒子模型。 标准盒子模型 IE盒子模型 通过上面两张图可以看出，两种盒子模型都包括padding，margin，bo 阅读全文