欢迎来到天天文库
浏览记录
ID：9405347
大小：48.37 KB
页数：10页
时间：2018-04-30
《前端开发经典问题总结》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、1、text-shadow:2px2px2px#f00;text-shadow（文字的影子）{x轴（向右为正）y轴（向下为正 晕（模糊宽度没有负值）#ff00（影子颜色）}浏览器兼容：Firefox，Opera，Chrome，Safaribox-shadow: （盒子的影子）{x轴（向右为正）y轴（向下为正 晕（模糊宽度没有负值）#ff00（影子颜色）inset（内部的效果）}可以只写x,y,colorinset;另一种x,y,blur,spread,color,inset；不可以x,y,blur/spr
2、ead,color,inset2、border-radius（圆角）:50px;=={border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;}浏览器兼容：IE9，Firefox4+，Chrome，Safari5+，Opera body设置宽度对背景图片没影响body{margin:0auto;width:960px;co
3、lor:#352;font:14px/20px"微软雅黑";background:#352url('../images/bg.jpg')fixedcenterno-repeat;} body>header{font-size:18px;} body下的子headernot孙子例子
4、le="true">
5、ppearance:normal/icon/window/button/menu/field针对CSS3渐变的记录针对手机webkit内核的浏览器不识别此写法：background-image:-webkit-linear-gradient(top,#759AE90%,#376FE050%,#1A5AD950%,#2463DE100%);识别写法如下：background-image:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#759
6、AE9),color-stop(50%,#376FE0),color-stop(50%,#1A5AD9),color-stop(100%,#2463DE));针对CSS3box-shadow属性不仅支持单定义的属性控制如box-shadow:xyspreadblurcolorinset还支持box-shadow:insetxyspreadblurcolor,xyspreadblurcolor,等清除浮动第一种；：：overflow:hidden;_zoom:1;合起来可以清除浮动第二种；.clear{zo
7、om:1;}.clear:after{content:"20";display:block;clear:both;}（主要为了兼容此div的背景、margin、padding值在各个浏览器下一致；此div没有背景、margin、padding值，只用clear：both就行了）解读浮动闭合最佳方案：clearfix分享到：更多62011-05-16 分类：HTML/CSS 37人评论13,640次浏览之前给大家介绍两种浮动闭合的办法CSS清除浮动万能float闭合，得知很多同学都在使用下面的骨灰
8、级解决办法：.clear{clear:both;height:0;overflow:hidden;}上诉办法是在需要清除浮动的地方加个div.clear或者br.clear，我们知道这样能解决基本清浮动问题。但是这种方法的最大缺陷就是改变了html结构，虽然只是加个div。最优浮动闭合方案（这是我们推荐的）：.clearfix:after{content:".";display:block;height:0;clear:bot
此文档下载收益归作者所有
