css 偶尔用样式

某淘样式初始化 :

1. 　body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
2.     body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
3.     h1, h2, h3, h4, h5, h6{ font-size:100%; }
4.     address, cite, dfn, em, var { font-style:normal; }
5.     code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
6.     small{ font-size:12px; }
7.     ul, ol { list-style:none; }
8.     a { text-decoration:none; }
9.     a:hover { text-decoration:underline; }
10.     sup { vertical-align:text-top; }
11.     sub{ vertical-align:text-bottom; }
12.     legend { color:#000; }
13.     fieldset, img { border:0; }
14.     button, input, select, textarea { font-size:100%; }
15.     table { border-collapse:collapse; border-spacing:0; }

自定义滚动条:

1. ::-webkit-scrollbar — 整个滚动条.
2. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
3. ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
4. ::-webkit-scrollbar-track — 滚动条轨道.
5. ::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
6. ::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
7. ::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).

超出部分 "..."

1. overflow: hidden;
2. text-overflow:ellipsis;
3. white-space: nowrap;

多行

1. display: -webkit-box;
2. -webkit-box-orient: vertical;
3. -webkit-line-clamp: 3;
4. overflow: hidden;

 :after 清除浮动

.div:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }