Css开发记录

此博文为开发过程中遇到的问题，在此记录（个人对Css并不熟悉，所以只能暂时将遇到的问题记录下来。）

1.遇到：<div style="clear:both"></div>

百度得知：clear:both;在css中，首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除全部样式，不过这个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位。

2.有需求要将div的背景色设置为渐变色

参考：http://www.w3cplus.com/css3/new-css3-linear-gradient.html

最后采用：

W3C标准线性渐变语法
linear-gradient([[<angle> | to <side-or-corner> ],]?<color-stop>[,<color-stop>]+)

例：background-image:linear-gradient(0deg,orange,green);

3.div中设置图片水平居中，图片下面有文字

一开始使用的:vertical-align:middle;但是没有效果的，DIV做了浮动

最后采用：text-align:center;

关于浮动，请参考：http://www.w3school.com.cn/cssref/pr_class_float.asp