2.CSS:1..wrap{width:960px;margin:0auto;}2.StickyFooter(让页脚永远停靠在页面底"> 2.CSS:1..wrap{width:960px;margin:0auto;}2.StickyFooter(让页脚永远停靠在页面底" />
10个非常有用的CSS技巧

10个非常有用的CSS技巧

ID:40485720

大小:65.17 KB

页数:6页

时间:2019-08-03

10个非常有用的CSS技巧_第1页
10个非常有用的CSS技巧_第2页
10个非常有用的CSS技巧_第3页
10个非常有用的CSS技巧_第4页
10个非常有用的CSS技巧_第5页
资源描述:

《10个非常有用的CSS技巧》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、1.将网页或元素居中HTML:1.2.

CSS:1..wrap{width:960px;margin:0auto;}2.StickyFooter(让页脚永远停靠在页面底部,而不是根据绝对位置)HTML:1.2.3.4.5.
6.7.
8.9.10.11.
CSS:1.*{margin:0;padding:0;}

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*

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签