2.CSS:1..wrap{width:960px;margin:0auto;}2.StickyFooter(让页脚永远停靠在页面底"> 2.CSS:1..wrap{width:960px;margin:0auto;}2.StickyFooter(让页脚永远停靠在页面底" />
2、2.3.html,body,#wrap{height:100%;}4.5.body>#wrap{height:auto;min-height:100%;}6.7.#main{padding-bottom:150px;}/*mustbesameheightasthefooter*/8.9.#footer{10.position:relative;11.margin-top:-150px;/*negativevalueoffooterheight*/12.height:150px;13.clear:both;}14.15./*CLE
3、ARFIX*/16..clearfix:after{content:".";17.display:block;18.height:0;19.clear:both;20.visibility:hidden;}21..clearfix{display:inline-block;}22./*HidesfromIE-mac*/23.*html.clearfix{height:1%;}24..clearfix{display:block;}25./*EndhidefromIE-mac*/3.跨浏览器最小高度设置CSS:1..element
4、{min-height:600px;height:auto!important;height:600px;}4.Box阴影(CSS3)CSS:1..box{box-shadow:5px5px5px#666;-moz-box-shadow:5px5px5px#666;-webkit-box-shadow:5px5px5px#666;}5.文字阴影(CSS3)CSS:1..text{text-shadow:1px1px1px#666;filter:Shadow(Color=#666666,Direction=135,Strength
5、=5);}6.跨浏览器的CSS透明度CSS:1..transparent{2.1./*ModernBrowsers*/opacity:0.7;2.3./*IE8*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";4.5./*IE5-7*/filter:alpha(opacity=70);6.7./*Netscape*/-moz-opacity:0.7;8.9./*Safari1*/-khtml-opacity:0.7;10.11.}7.著名的Mey
6、erReset(重置)CSS:1.html,body,div,span,applet,object,iframe,2.h1,h2,h3,h4,h5,h6,p,blockquote,pre,3.a,abbr,acronym,address,big,cite,code,4.del,dfn,em,font,img,ins,kbd,q,s,samp,5.small,strike,strong,sub,sup,tt,var,6.dl,dt,dd,ol,ul,li,7.fieldset,form,label,legend,8.table,c
7、aption,tbody,tfoot,thead,tr,th,td{9.margin:0;10.padding:0;11.border:0;12.outline:0;13.font-weight:inherit;14.font-style:inherit;15.font-size:100%;16.font-family:inherit;17.vertical-align:baseline;18.}19./*remembertodefinefocusstyles!*/20.:focus{21.outline:0;1.}2.body
8、{3.line-height:1;4.color:black;5.background:white;6.}7.ol,ul{8.list-style:none;9.}10./*tablesstillneed'cellspacing="0"'inthemarkup*
此文档下载收益归作者所有