前端开发过程中的一些小知识点总结

1. 删除线效果（用来实现原价、现价）

<span style="text-decoration:line-through;">删除线效果</span>

也可以用标签<del></del>来定义

<del>删除线效果</del>

 2. 盒子模型的3d立体图，在三维空间中，它由上到下分为5层：border、content+padding、background-image、background-color、margin。

学习了这个，在以后利用背景来美化网页会变得容易。

3. 清除浮动的常用方法：（当元素设置浮动属性后，会对相邻的元素产生影响，这里相邻元素特指紧邻后面的元素）

（1）为受影响的元素设置clear属性：clear：both

（2）同时设置宽度为100%或固定宽度+overflow：hidden