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共同开发)