每天分享几个面试题(一)

每天分享几个面试题(二)

每天分享几个面试题(三)

每天分享几个面试题(四)

每天分享几个面试题(五)

每天分享几个面试题(六)

每天分享几个面试题(七)

每天分享几个面试题(八)

每天分享几个面试题(九)

1. H5的新特性有哪些, C3的新特性又有哪些?

H5新特性:

        ① 拖拽释放

        ② 自定义属性(data-id)

        ③ 具有更好语义化的标签(header, nav, footer, aside, article, section等)

        ④ 音频, 视频标签(其中的autoplay属性, 当然谷歌浏览器是不支持自动播放的)

        ⑤ 画布(Canvas)

C3新特性:

        ① 颜色(RGBA, HSLA模式)

        ② 文字阴影(text-shadow)

        ③ 边框(圆角, 边框阴影)

        ④ 盒子模型(box-sizing)

        ⑤ 渐变

        ⑥ 过渡(transition)

        ⑦ 自定义动画

        ⑧ 字体图标

        ⑨ 2D转换/3D转换

        ⑩ 字体图标

2. 简述一下Css3的盒子模型?

        盒子模型可以对元素进行布局, 包括内外边距, 边框和实际内容这几个部分

盒子模型分为两种:

        ① 标准盒子模型(w3c规定的) content + border + padding + margin

        ② IE怪异盒子模型 width(content + border + padding) + margin

3. 在CSS中选择器的优先级以及CSS权重是如何计算的?

        继承或通配符(*), 权重为0,0,0,0

        元素选择器, 权重为0,0,0,1

        类选择器, 伪类选择器, 权重为0,0,1,0

        ID选择器, 权重为0,1,0,0

        行内样式, 权重为1,0,0,0

        !important, 权重为无穷大

注意权重是没有进位的