CSS 日常问题总结

1.关于文本多余部分用省略号代替

http://www.cnblogs.com/hellman/p/5755376.html

 

2.长方形两边圆角,border-radius单位用em

border-radius: 2em;

3.CSSOM视图模式

1. clientLeft和clientTop
表示内容区域的左上角相对于整个元素左上角的位置(包括边框)。

2. clientWidth和clientHeight
表示内容区域的高度和宽度,包括padding大小,但是不包括边框和滚动条。

3. scrollLeft和scrollTop
表示元素滚动的像素大小。可读可写。这个玩意貌似我们用得比较多。

6.scrollWidth和scrollHeight
表示整个内容区域的宽高,包括隐藏的部分。如果元素没有隐藏的部分,则相关的值应该等用于clientWidthclientHeight。当你向下滚动滚动条的时候,scrollHeight应该等用于scrollTop + clientHeight

参考:CSSOM视图模式(CSSOM View Module)相关整理

4.禁止Safari将数字识别成电话号码,增加特殊效果

Safari识别电话号码功能会自动将数字识别成电话号码。

Safari有个私有meta属性可以解决这个问题。在<head>...</head>之间添加以下代码即可解决:

<meta name="format-detection" content="telephone=no" />  

 

posted @ 2016-11-10 14:22  小番茄酱  阅读(143)  评论(0编辑  收藏  举报