标签：文字 稳定性 实体 anim ons text blog top 版本
1. 解决Safari下input光标过大
2. 设置浮层
3. CSS绘制三角形
4. 清除浮动
3) 同样可以使用如下方式（兼容IE）
4) 在浮动元素后添加div.clear
1) .clearfix 应用在包含浮动子元素的父级元素上
2) 使用clear清除浮动会发生margin重叠显现,使用BFC清除浮动（在浮动元素的父元素上添加overflow: hidden;）则会把整个元素包起来，从而不会发生margin重叠现象
5. 设置元素div3高度为浏览器高度100%
body > div1 > div2 > div3
若要使得 div3 占满整个屏幕高度，CSS设置如下:
元素的高度100%只相对于父元素
6. CSS书写顺序
position, top, right, z-index, display, float
width, height, padding, margin
font, line-height, color, text-align
7. 锚点链接
Yahoo军规
1） 尽量减少HTTP请求，将CSS、js、img资源进行合并
2） 使用CDN内容分发网络：尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输地更快更稳定（将用户的请求导向到离用户最近的服务器节点（增加服务器副本）上，解决网络拥挤的状况）
3）增加Expire/Cache-Control头:在本地缓存中找到对应资源，若时间未过期，则直接使用此资源，不会发送http请求
13）配置实体标签Etag（使用特殊字符串标识某个请求资源版本）
8. 父元素宽度不够导致浮动元素下沉
1）z-index 只针对定位元素 (absolute relative fixed )有效
2）若不同的 z-index元素有嵌套，则显示层级由父元素的z-index决定
3）若不同的 z-index 元素无嵌套，则按照显示顺序以及数值大小决定显示层级
10. 层叠水平（stacking level）——由低到高 (更符合加载功能和视觉呈现)
1）层叠上下文 background/border
5）水平盒子 inline/inline-block
6）z-index: auto / z-index: 0
11. relative
1）relative 定位时，对其他元素不会有影响
2）relative定位时，若同时设置：top bottom : 则只有top有效，bottom无效 left right只有left有效，right无效
3）posittion: relative; 会提高对应元素的z-index
12. 判断有无滚动条
13. 滚动条滚动到页面最底部
14. 滚动条滚动到指定元素位置
15. 元素高宽未知时设置水平和垂直居中
16. 隐藏滚动条
原文链接：http://www.cnblogs.com/wx1993/p/5765335.html
分针网—IT教育： Html / CSS常见问题的解决方案
标签：文字 稳定性 实体 anim ons text blog top 版本
原文地址：http://www.cnblogs.com/hai1314/p/6806856.html
