昨天面试了一家本地公司，面试的Web前端。题目有两部分，CSS和JS，因为本人对CSS不是很熟悉，所以这里只做CSS相关的笔试题，仅供学习。盒子模型的组成盒子模型用四个边界来描述：margin（外边距），border（边界），padding（填充），content（内容）是的，这是最基本的，但是我回来查了一下发现还有IE模型（IE5和IE6还存在吗？请问？）W3C标准模型的内容占用的空间由width属性设置，内容周围的padding和border值是分开计算的。但是IE的非标准模型，width是content、padding、border的宽度之和。block、inline、inline-block的区别我的回答是：block块级元素，宽高可以设置，单独占一行，显示在另一行。可以设置边距和填充属性。内联元素不能设置宽高（其实正确答案应该是设置无效），单行显示（直到排不下一行才会换行）。设置水平方向的margin和padding值会产生margin效果，垂直方向的margin和padding不会产生margin效果。inline-block可以设置宽高，但还是显示在同一行。CSS选择器我只回答了基础选择器，答案太简单了，哎~~~基础选择器：类选择器id选择器标签选择器通用选择器(*)多元素组合选择器：E,F匹配所有E或F元素EF匹配作为E元素后代的所有F元素E>F匹配E元素的所有子元素FE+F匹配紧跟在E元素F之后的所有兄弟元素F属性选择器E[attr]匹配所有具有E元素E[att的元素=val]ofatt匹配所有att属性等于val的E元素E[att~=val]匹配所有att属性有多个空格分隔值的E元素，其中一个等于valE[att|=val]匹配所有E元素，其中att属性有多个用连字符分隔的值，其中一个以val开头的E元素太多。.直接去地址：http://www.ruanyifeng.com/blo...CSS优先级我只回答了就近优先级的原则，回答的太简单了(lll￢ω￢)。正确的应该是：浏览器默认设置<外部样式表（src）<内部样式表（insidehead）
