您当前的位置:JZ5U绿色下载站文章中心设计学院Photoshop → 文章内容
  • Web前端HTML/CSS部分常见面试题

HTML/CSS局部

1、什么是盒子模型?

在网页中,一个元素占有空间的大小由几个局部构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个局部。这四个局部占有的空间中,有的局部能够显现相应的内容,而有的局部只用来分隔相邻的区域或区域。4个局部一同构成了css中元素的盒模型。

2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

行内元素:a、b、span、img、input、strong、select、label、em、button、textarea

块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素:即系没有内容的HTML元素,例如:br、meta、hr、link、input、img

3、CSS完成垂直程度居中

一道经典的问题,完成办法有很多种,以下是其中一种完成:

HTML构造:


CSS:


4、简述一下src与href的区别

href 是指向网络资源所在位置,树立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。

src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在恳求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当阅读器解析到该元素时,会暂停其他资源的下载和处置,直到将该资源加载、编译、执行终了,图片和框架等元素也如此,相似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

5、什么是CSS Hack?

普通来说是针对不同的阅读器写不同的CSS,就是 CSS Hack。

IE阅读器Hack普通又分为三种,条件Hack、属性级Hack、选择符Hack(细致参考CSS文档:css文档)。例如:

6、简述同步和异步的区别

同步是阻塞形式,异步是非阻塞形式。

同步就是指一个进程在执行某个恳求的时分,若该恳求需求一段时间才干返回信息,那么这个进程将会不断等候下去,直到收到返回信息才继续执行下去;

异步是指进程不需求不断等下去,而是继续执行下面的操作,不论其他进程的状态。当有音讯返回时系统会通知进程停止处置,这样能够进步执行的效率。

7、px和em的区别

px和em都是长度单位,区别是,px的值是固定的,指定是几就是几,计算比拟容易。em得值不是固定的,并且em会继承父级元素的字体大小。

阅读器的默许字体高都是16px。所以未经调整的阅读器都契合: 1em=16px。那么12px=0.75em, 10px=0.625em

8、什么叫文雅降级和渐进加强?

渐进加强 progressive enhancement:

针对低版本阅读器停止构建页面,保证最根本的功用,然后再针对高级阅读器停止效果、交互等改良和追加功用到达更好的用户体验。

文雅降级 graceful degradation:

一开端就构建完好的功用,然后再针对低版本阅读器停止兼容。

区别:

a. 文雅降级是从复杂的现状开端,并试图减少用户体验的供应

b. 渐进加强则是从一个十分根底的,可以起作用的版本开端,并不时扩大,以顺应将来环境的需求

c. 降级(功用衰减)意味着往回看;而渐进加强则意味着朝前看,同时保证其根基处于平安地带

9、阅读器的内核分别是什么?

IE: trident内核

Firefox:gecko内核

Safari:webkit内核

Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核

Chrome:Blink(基于webkit,Google与Opera Software共同开发)


  • 作者:互联网  来源:本站整理  发布时间:2019-11-12 09:32:19


------------------------------- · 相关文档浏览 · --------------------------------------------------------------------- · 热门文档浏览 · -------------------------------------