更加全面的可以到引擎找
box-sizing常用的属性有哪些?分别有啥作用?box-sizing有两个值:contnt-box(WC标准盒模型),bod-box(怪异模型),这个css主要是改变盒子模型大小的计算形式,可能有人会问padding-box,这个之前只有Fifox标准实现了,目前50+的版本已经废除,用一个栗子来距离,一个div的宽高分别px,bod为5px,padding为5px。
styl.tst{box-sizing:contnt-box;bod:5pxsolid#f00;padding:5px;width:px;hight:px;}/styldivclass="tst"/div!--contnt-box的计算公式会把宽高的定义指向contnt,bod和padding另外计算,也就是说contnt+padding+bod=10px(盒子实际大小)而bod-box的计算公式是总的大小涵盖这三者,contnt会缩小,来让给另外两者contnt(80px)+padding(5*px)+bod(5*px)=px--
清除浮动的方式有哪些?比较好的是哪一种?常用的一般为三种.clafix,cla:both,ovflow:hiddn,比较好是.clafix,伪元素万金油版本...后两者有局限性..等会再扯
.clafix:aft{visibility:hiddn;display:block;font-siz:0;contnt:"";cla:both;hight:0;}!--为毛没有zoom,_hight这些...IE6,7这类需要csshack不再我们考虑之内了.clafix还有另外一种写法...--.clafix:bfo,.clafix:aft{ contnt:""; display:tabl;}.clafix:aft{ cla:both; ovflow:hiddn;}.clafix{zoom:1;}!--用display:tabl是为了避免外边距magin重叠导致的magin塌陷,内部元素默认会成为tabl-cll单元格的形式--
cla:both:若是用在同一个容器内相邻元素上,那是贼好的...有时候在容器外就有些问题了,比如相邻容器的包裹层元素塌陷ovflow:hiddn:这种若是用在同个容器内,可以形成BFC避免浮动造成的元素塌陷CSS中tansition和animat有何区别?animat如何停留在最后一帧?tansition一般用来做过渡的,而animat则是做动效,算是前者的一个补充拓展,过渡的开销比动效小,前者一般用于交互居多,后者用于活动页居多,至于如何让animat停留在最后一帧也好办,就它自身参数的一个值就可以了。
animation-fill-mod:fowads;!--backwads则停留在首帧,both是轮流--
让我们来举个栗子....自己新建一个html跑一下....
!DOCTYPEhtmlhtmllang="n"hadmtachast="UTF-8"mtanam="viwpot"contnt="width=dvic-width,initial-scal=1.0"mta