你不知道的阴影
一个气泡框和一张图片，给它加上阴影box-shadow后显然不是预期想要的结果；预期结果是气泡框的三角符号右边没有阴影，图片阴影轮廓在图片内容周围；想要达到这个效果只需要将box-show换成filter: drop-shadow();即可。 其中filter是滤镜；drop-show是阴影滤镜，将阴影代码放到这个函数里面。
CSS实现倾斜按钮
有时候，在菜单里面会出现倾斜的按钮,可以使用背景图片的方式，也可以使用纯css的方式，从效率上来说css效率更高，这里使用css的方式来实现这个倾斜按钮；步骤：首先要给按钮设置圆角，然后给按钮设置凸出来的角，最后将整个按钮倾斜，扶正文字
JavaScript编码规范
JavaScript编码规范
CSS编码规范
CSS编码规范
HTML编码规范
HTML编码规范
音乐播放歌词滚动效果
最终实现当播放音乐的时候文字跟随音乐的进度进行滚动，可以快进快退、暂停播放等一些操作。实现思路：第一步：画页面；第二步：解析歌词字符串；第三步：计算当前播放进度；第四步：创建歌词元素；第五步：让歌词跟随播放进度而滚动
立体文字特效
使用CSS实现立体文字，首先在页面上准备好这么一个文字<h1>立体文字</h1>,给h1设置一个字体大小；然后通过设置文字阴影来实现文字立体效果
多行文本溢出兼容解决方案
多行文本溢出显示省略号，就看要不要考虑兼容性了，不考虑兼容性的话很简单，就几行代码就可以搞定了；但是一旦要考虑兼容性这个问题就复杂了
