错题1:下列CSS选择器正确的是?BD
A、.body .5 B、.about body C、title a D、.about .body
解:A:类名开始的地方不能是字
C:title里写的东西只能是纯文本
错题2:下列哪些属于CSS中的哪些代表绿色?BCD
A、#green B、rgb(0,255,0) C、rgba(0,255,0,1) D、green
解:A:写法错误 C选项中的a为透明度
错题3:文本尺寸12px,下列哪些可以实现2倍行高?BCD
A、line-height:2rem B、line-height:24px
C、line-height:2 D、line-height:200%;
解:A:不知道文字大小设置成多少
错题4:根据下面代码,.subbox盒子距.box盒子顶部距离多大?C
<span style="background-color:#f8f8f8"><span style="color:#333333">.box{ float: left; width: 300px; height: 200px; }
.subbox { margin-top:50%;}
<span style="color:#117700"><</span><span style="color:#117700">div</span> <span style="color:#0000cc">class</span>=<span style="color:#aa1111">”box”</span><span style="color:#117700">></span>
<span style="color:#117700"><</span><span style="color:#117700">div</span> <span style="color:#0000cc">class</span>=<span style="color:#aa1111">”subbox”</span><span style="color:#117700">></</span><span style="color:#117700">div</span><span style="color:#117700">></span>
<span style="color:#117700"></</span><span style="color:#117700">div</span><span style="color:#117700">></span></span></span>A、50px B、100px C、150px D、200px
解:父元素是浮动的情况下,子元素是标准流,那么外边距的百分比是按照父元素的宽度来计算
错题5:下列哪些样式值可以移动元素本身位置? A
A、margin-left B、padding-left C、left D、translateX
解:内边距位置不会移动只会变宽
错题6:阅读以下代码.box的DIV宽度是多少?B
<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#117700">body</span>,<span style="color:#117700">html</span>{
<span style="color:#000000">font-size</span>: <span style="color:#116644">16px</span>;
}
<span style="color:#555555">.box</span>{
<span style="color:#000000">float</span>:<span style="color:#221199">left</span>;
<span style="color:#000000">width</span>: <span style="color:#116644">15rem</span>;
<span style="color:#000000">height</span>: <span style="color:#116644">200px</span>;
<span style="color:#000000">font-size</span>: <span style="color:#116644">20px</span>;
<span style="color:#000000">background-color</span>: <span style="color:#770088">coral</span>;
}
<<span style="color:#117700">div</span> <span style="color:#117700">class</span>=<span style="color:#aa1111">"box"</span>></<span style="color:#117700">div</span>></span></span>A、150px B、240px C、200px D、300px;
解:rem作为单位,body、html都设置成一样的了。所以15×16=240
错题7:
读以下代码说明.box的DIV实际大小是多少?C
<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#555555">.box</span>{
<span style="color:#000000">box-sizing</span>: <span style="color:#221199">content-box</span>;
<span style="color:#000000">width</span>: <span style="color:#116644">200px</span>;
<span style="color:#000000">height</span>: <span style="color:#116644">200px</span>;
<span style="color:#000000">padding</span>: <span style="color:#116644">20px</span>;
<span style="color:#000000">background-color</span>: <span style="color:#770088">green</span>;
<span style="color:#000000">border</span>: <span style="color:#116644">5px</span> <span style="color:#221199">dotted</span> <span style="color:#770088">red</span>;
}
<<span style="color:#117700">div</span> <span style="color:#117700">class</span>=<span style="color:#aa1111">"box"</span>></<span style="color:#117700">div</span>></span></span>A、200px B、225px C、250px
解:左右边框是10px
错题8:在CSS3中,以下哪个IE浏览器(Trident内核)的私有属性前缀?D
A、 –Webkit B、–trident C、 –ie D、 –ms
解:
错题9:
C
A、blue / red / blue / red / blue / orange B、blue / red / blue / red / blue / blue C、blue / red / blue / blue / red / blue D、red / blue / blue / blue / blue / red
解:child按序查找,p或想要的就变红
错题10:
阅读以下代码选择出正确答案 B
<span style="background-color:#f8f8f8"><span style="color:#333333"> <span style="color:#770088">var</span> <span style="color:#0000ff">num1</span><span style="color:#981a1a">=</span><span style="color:#116644">10</span>;
<span style="color:#770088">var</span> <span style="color:#0000ff">num2</span><span style="color:#981a1a">=</span><span style="color:#aa1111">'20'</span><span style="color:#000000">;</span>
<span style="color:#770088">var</span> <span style="color:#0000ff">num3</span><span style="color:#981a1a">=</span><span style="color:#000000">num1</span><span style="color:#981a1a">+</span>(<span style="color:#000000">num2</span><span style="color:#981a1a">></span><span style="color:#116644">10</span>)<span style="color:#000000">;</span>
<span style="color:#000000">console</span>.<span style="color:#000000">log</span>(<span style="color:#000000">num3</span>);</span></span>A、1020 B、11 C、undefined D、10true
解:10加true是11,这里是数学运算
错题11:<title>等为老的语义化标签
错题12:阅读以下代码说出运行结果
var str='我爱中国"\\"'
console.log(str);
我爱中国"\"