福州WEB培训
达内福州WEB培训中心

13732203138

热门课程

2018前端面试题目及答案一

  • 时间:2018-05-07 10:54
  • 发布:福州web培训
  • 来源:企业面试题

1、display:none和visibility:hidden的区别?

display:none 隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢,

就当他从来不存在。

visibility:hidden 隐藏对应的元素,但是在文档布局中仍保留原来的空间。

2、CSS中 link 和@import 的区别是?

(1) link属于HTML标签,而@import是CSS提供的;

(2) 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;

(3) import只在IE5以上才能识别,而link是HTML标签,无兼容问题;

(4) link方式的样式的权重 高于@import的权重.

3、position的absolute与fixed共同点与不同点

A:共同点:

1).改变行内元素的呈现方式,display被置为block;

2).让元素脱离普通流,不占据空间;

3).默认会覆盖到非定位元素上

B不同点:

absolute的”根元素“是可以设置的,而fixed的”根元素“固定为浏览器窗口。

当你滚动网页,fixed元素与浏览器窗口之间的距离是不变的。

4、介绍一下CSS的盒子模型?

1)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border)

2)有两种, IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 padding;

5、CSS3有哪些新特性?

1). CSS3实现圆角(border-radius),阴影(box-shadow),

2). 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)

3). transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜

4). 增加了更多的CSS选择器 多背景 rgba

5). 在CSS3中唯一引入的伪元素是 ::selection.

6). 媒体查询,多栏布局

7). border-image

上一篇:阿里前端笔试总结-H5面试2
下一篇:2018前端面试题目及答案二

十大面试问题解惑,秒杀一切HR。

11个常见的Linux基础面试问题

哪一种编程语言适合人工智能

2018前端面试题目及答案三

选择城市和中心
贵州省

广西省

海南省