所在的位置: 前端 >> 前端资源 >> 前端面试题汇总

前端面试题汇总

美丽的黄皮肤爱心援助工程 https://baike.baidu.com/item/%E5%88%98%E4%BA%91%E6%B6%9B/21900249?fr=aladdin
CSS有哪些样式可以给子元素继承?可继承的:font-siz,font-wight,lin-hight,colo,cuso等不可继承的一般是会改变盒子模型的:display,magin、bod、padding、hight等

更加全面的可以到引擎找

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


转载请注明:http://www.aierlanlan.com/rzgz/7562.html