hn_zhaoyu

一行文字超出部分用 ' ... ' 代替overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文字超出部分用 ' ... ' 代替display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;强制打断换行：  wo...

W3C盒模型.box{ margin: 10px; padding: 20px; border: 5px solid pink; width: 120px; height: 120px; box-sizing: content-box; /*是W3C盒模型*/}可以看到得到的盒子宽度和高度是120+20+20+5+5+10+10 = 190pxIE...

iOS手机滚动区域在滑动的手指松开后，滚动立刻停止，失去了原本的流畅滚动特性在css部分加上：-webkit-overflow-scrolling: touch;

1.什么是渐进增强？在页面开发中，一开始对低版本浏览器构造页面，满足基本的功能，再针对高版本浏览器进行效果，交互，追加各种功能以达到用户体验（就是以最低要求，实现最基本功能为基础，向上兼容）2.什么是优雅降级优雅降级指的是一开始针对一个高版本的浏览器构建页面，先完善所有的功能。然后针对各个不同的浏览器进行测试，修复，保证低级浏览器也有基本功能 就好，低级浏览器被认为“简陋却无妨 (poor, bu...

注释：display:inline-block;让块级元素变成行内块级元素，ie6、ie7以及一些老的浏览器不支持/**父元素设置font-size:0;*移除标签之间的换行和空格*使用margin负值**letter-spacing为每个字符之间的空白距离，**word-spacing为单词之间的空白距离/***...