热门前端开发面试题之CSS面试题和答案分析

一、简要描述一下对CSS盒子模型的理解

有两种盒子模型:W3C标准盒子模型和IE盒子模型(IE的content包含border和padding),盒子模型的结构包括:内容content,填充padding、边界margin和边框border。

二、CSS有哪些常用的选择器?伪类选择器有哪些?

标签选择器:div、a、h

Id选择器:#id

类选择器:.class

子选择器:div>img

后代选择器:div
img

伪类选择器:button:hover

三、如何水平居中一个浮动元素?水平居中和垂直居中有哪些主要方式?

居中浮动元素先给元素设置一个宽度,然后使用margin:0 auto,水平居中和垂直居中可以使用flexbox布局和grid网格布局。

四、CSS3有哪些新特性?

圆角:border-radius

阴影:box-shadow

文章特效:text-shadow

渐变:gradient

旋转:transform

五、阿里面试题:CSS手动写动画,最小时间间隔应该是多少?

一般显示器默认频率每秒刷新60次,最小时间间隔应该为:1/60*1000ms=16.7ms

六、携程面试题:display:inline-block什么时候会显示间隔?

Display:inline-block显示间隔的情况有:

移除空格、margin使用负值、使用word-spacing、letter-spacing

来源:

https://www.srcmini02.com/987.html

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_42448.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?