记得博主曾经做过一道CSS面试题,值得与大家分享,它是这样问的:
子元素可继承父元素的那些属性(多选)?
A.color B.background C.margin D.padding E.height F.font-size
同志们是否已经知道答案了呢,博主先给大家分析一波
试题解析:
1.块状元素可继承:text-indent 和 text-align
2.列表元素可继承:list-style, list-style-type, list-style-position, list-style-image
3.表格元素可继承:border-collapse
4.内联元素可继承:letter-spacing, word-spacing, white-space, line-height, color, font, font-family,
font-size, font-style,
font-variant, font-weight, text-decoration, text-transform, direction
5.所有元素可继承:visibility 和 cursor
6.不可继承:display, margin, border, padding, background, height, min-height, max-height,
width, min-width, max-width,overflow, position, left, right, top, bottom, z-index, float, clear,
table-layout, vertical-align, page-break-after, page-bread-before 和 unicode-bidi
纯手敲,可能有手误,大家见谅,如有错误,欢迎大家评论区留言,博主会第一时间回复&采纳。这么多CSS属性,我相信大家一时半会很难记得住,但是每天记一点,几天后就是质的飞跃。到了此刻正确答案大家都已经知晓了就是:A 和 F
第二道呢是一道JS面试题,代码如下
var foo = { n: 1 };
var foo = { n: 1 };
(function (foo) {
console.log(foo.n);
foo.n = 3;
var foo = { n: 2 };
console.log(foo.n);
})(foo);
console.log(foo.n);
A.1 2 3 B.undefined 2 1 C.报错 D.1 2 1
上述 javascript 代码在浏览器中执行的结果为多少
首先给大家解析下
1.进行预编译,var全局变量foo,匿名函数function,var局部变量foo
2.代码自上而下执行计算:
对全局变量foo进行赋值 foo = {n:1}; 注意:此值为对象,属于引用类型;
匿名函数传入参数foo={n:1}自执行;consoole.log(foo);输出数字1
由于存在foo局部变量,那么对foo变量进行赋值foo={n:3},同时更改了引用类型的参数值,
全局foo变量被重新赋值foo={n:3}对局部变量foo进行重新赋值foo={n:2};console.log(foo);输出数字2;
全局变量foo={n:3},因此console.log(foo);输出数字3