HTML/CSS题库 5-10

1.要运用css动画，你需要运用什么规则？

    A.animation

    B.keyframes

    C.flash

    D.transition

正确答案：B

解析：animation属性，keyframes规则

2.假设一个搜索结果展示页面，需要把搜索关键词高亮显示，应该使用以下哪个HTML标签？

    A.<em>

    B.<highlight>

    C.<mark>

    D.<bold>

正确答案：C

解析：

        <em>把文本定义为强调的内容

        没有highlight标签

        <mark>标签标记带有记号的文本，在突出显示文本时使用<mark>标签

         CSS字体加粗的方法： font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体

3.以下代码符合html5规范的是

        A.<div><span></div>

        B.<input type=”text” disabled>
    

        C.<label id=”mylabel”></label>

        D.<div myname=”javk”></div>

正确答案：B

       解析：

            HTML5规范不允许加id，但是浏览器厂商确实现了这个功能。label标签只有两个属性：for(规定label绑定到那个表单元素)，form(规定label字段所属的一个到多个表单)。

4.以下哪些标签是合法的HTML5标签?

        A.<p></p>

        B.<center></center>

        C.<pre></pre>

        D.<img></img>

正确答案：A.C

解析：

        <center>对其包围的文字进行水平居中处理，在HTML5中不支持该标签用center代替

        <img>标签没有闭合，应该是<img src=""/>

5.margin-top和padding-top的值是百分比时，值是如何计算的？

        A.相对父级元素的height，相对于自身的height

        B.相对最近父级块级元素的height，相对自身的height

        C.相对父级元素的width，相对自身的width

        D.相对最近父级块级元素的width，相对最近父级块级元素的width

正确答案：D

            解析：可参考《CSS权威指南（第三版）》中第220页‘百分数和外边距’说明：“百分数是相对于父元素的width计算的，所以如果父元素的width以某种方式发生变化，百分数也会变化”。假如padding-top是按照height来说,父元素的高度会包含子元素的高度,如果子元素的padding-top继续增加,那么父元素的高度也会增加,因为父元素要包含子元素嘛,这样的话,父元素的高度就成为了一个死循环

还有一种说法,我们都知道padding-left/right和margin-left/right都是按照宽度来说的,当我们不设置具体的上下左右只设置margin或padding时四个值应该保持为一种类型.