HTML、CSS、JS 样式

把一个数组(一维或二维等)的内容转化为对应的字符串。相当于把print_r($array)显示出来的内容赋值给一个变量。
$data= array('hello',',','world','!');
$str = addslashes(var_export($data, TRUE));
echo $str."<br>"."<br>"."<br>"."<br>"."<br>"."<br>";
echo stripslashes($str);
addslashes()函数是用来把字符串进行安全格式化，方便把字符串存入数据库中。它会把 单引号、双引号、反斜杠、NULL 的前面加上反斜杠。
stripslashes()函数是用来把addslashes()格式化的字符串进行还原。就是去掉增加的反斜杠。

style="display: none;position:fixed;background:#F1F1F1;width: 120px;text-align:center;z-index:999;opacity: 0.6"

text-align:center; //内容居中
z-index:999; //遮罩层，排序
opacity: 0.6 //透明度
font-weight:bold //加粗

margin-left:auto; margin-right:auto; //div居中
style="font-family: microsoft yahei" //微软雅黑

overflow:hidden; //溢出隐藏

/*距左元素块距离（设置距左内边距）*/
margin-left: 0px;
/*距右元素块距离（设置距右元素块距） */
margin-right: 0px;
/*底元素块距离（设置距低（下）元素块距）*/
margin-bottom: 0px;
/*距头顶(上)元素块距离（设置距顶部元素块距离）*/
margin-top: 0px;

padding:10px 5px 15px 20px;
● 上内边距是 10px
● 右内边距是 5px
● 下内边距是 15px
● 左内边距是 20px

css让图片自适应大小
img {
max-width: 100%;
max-height: 100%;
}

-webkit-border-top-right-radius 右上角为圆角
-webkit-border-bottom-right-radius 右下角为圆角

/*图片透明*/
/* .div1 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.div2 a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7} */

/*图片变灰*/
.div1 a:hover img{filter:Gray;-webkit-filter: grayscale(100%);}
.div2 a:hover img{filter:Gray;-webkit-filter: grayscale(100%);}
.div3 a:hover img{filter:Gray;-webkit-filter: grayscale(100%);}