CSS 日常问题总结
1.关于文本多余部分用省略号代替:
http://www.cnblogs.com/hellman/p/5755376.html
2.长方形两边圆角,border-radius单位用em
border-radius:
3.CSSOM视图模式
1. clientLeft和clientTop
表示内容区域的左上角相对于整个元素左上角的位置(包括边框)。
2. clientWidth和clientHeight
表示内容区域的高度和宽度,包括padding大小,但是不包括边框和滚动条。
3. scrollLeft和scrollTop
表示元素滚动的像素大小。可读可写。这个玩意貌似我们用得比较多。
6.scrollWidth和scrollHeight
表示整个内容区域的宽高,包括隐藏的部分。如果元素没有隐藏的部分,则相关的值应该等用于clientWidth
和clientHeight
。当你向下滚动滚动条的时候,scrollHeight
应该等用于scrollTop + clientHeight
。
参考:CSSOM视图模式(CSSOM View Module)相关整理
4.禁止Safari将数字识别成电话号码,增加特殊效果
Safari识别电话号码功能会自动将数字识别成电话号码。
Safari有个私有meta属性可以解决这个问题。在<head>...</head>之间添加以下代码即可解决:
<meta name="format-detection" content="telephone=no" />