随笔分类 -  Css

BFC和清除浮动
摘要：1.清浮动(不考虑兼容的话这一项够用了)： .clear:after{ content:''; display:block; clear:both; } 兼容ie6或7 加一个 .clear{ *zoom:1; //用来触发 haslayout(IE浏览器的BFC) } 2.BFC (一套渲染机制) 阅读全文

posted @ 2018-06-21 15:14 alanaZ

css3 --linear-gradient-渐变色
摘要：//由上至下变色 background:-moz-linear-gradient( top,#f9b347,#f4ad40,#f9b347); background:-webkit-gradient(linear,0 0, 0 100%,from(#f4ad40),to(#f9b347)); /*O 阅读全文

posted @ 2016-02-19 10:21 alanaZ 阅读(156) 评论(0) 推荐(0)

css firefox火狐浏览器下的兼容性问题
摘要：1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margi 阅读全文

posted @ 2016-02-03 15:26 alanaZ 阅读(1028) 评论(0) 推荐(0)

box-sizing
摘要：.boxSizec{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}/*border和padding不计算入width之内(default)---大*/.boxSp{box-sizi... 阅读全文

posted @ 2015-10-14 17:05 alanaZ 阅读(129) 评论(0) 推荐(0)

background-clip 和 background-origin 的区别
摘要：background-origin:指定绘制背景图片的起点。background-clip：是对背景图片的剪裁，指定背景图片的显示范围。1、background-origin:padding || border || content(旧版本);padding-box || border-box ||... 阅读全文

posted @ 2015-10-08 14:43 alanaZ 阅读(233) 评论(0) 推荐(0)

transform-origin
摘要：transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用；语法：-moz-transform-origin: [ | | left |center |right ][ | | top |center |bottom ] ... 阅读全文

posted @ 2015-09-24 12:00 alanaZ 阅读(319) 评论(0) 推荐(0)

font-smoothing使用后字体看起来会更清晰舒服
摘要：CSS3里面加入了一个“-webkit-font-smoothing”属性。这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。加上之后就顿时感觉页面小清晰了。 淘宝也在用哦！它有三个属性：none ------ 对低像素的文本比较好subpixel-... 阅读全文

posted @ 2015-09-22 16:26 alanaZ 阅读(254) 评论(0) 推荐(0)

导航