摘自-css世界-经典案例（张新旭撰）--------持续更新

1.需求：页面中某个模块的文字内容是动态的，可能是几个字，也可能是一句话。然后，我希望当文字很小的时候，显示在中间，当文字超过一行的时候，显示在左边。如何实现？/**核心css代码如下：**/.box{text-align:center;}.content{display:inline-block;text-align:left;}2.需求：展开和折叠，有滑动效果/**核心代码如下**/.element{max-height:0;溢出：隐藏；transition:max-height.25s;}.element.active{max-height:666px;//一个足够大的最大高度值}3.需求：当鼠标移到文字上时，文字被替换为图片/**核心代码如下**/h1:hover{content:url('imagelink')}4.要求：cssloading...动态效果正在加载...dot{display:inline-block;高度：1em；行高：1；文本对齐：左；垂直对齐：-.25em；溢出：隐藏；}点::之前{显示：块；内容：'...\A..\A.';空白：预包装；animation:dot3sinfinitestep-startboth;}@keyframesdot{33%{transform:translateY(-2em);}66%{transform:translateY(-1em);}}