2021-08-02 html css 考试题改错_下列css选择器名称符合规范的是-CSDN博客

本文链接：https://blog.csdn.net/fb_energetic/article/details/119330275

1下列CSS选择器正确的是？D

A、.body .5 B、.about body C、title a D、.about .body

这道题的每一个选项都是通过子代选择器来表达可得 D

创建类名时不可使用数字开头

2下列哪些属于CSS中的哪些代表绿色？BCD

A、#green B、rgb(0,255,0) C、rgba(0,255,0,1) D、green

BD都是常见的绿色表达，而rgba表达透明颜色，当透明度为1时同样也是绿色。

3文本尺寸12px，下列哪些可以实现2倍行高？ ABCD

A、line-height：2rem B、line-height：24px

C、line-height：2 D、line-height：200%；

题中规定html的font-size为12px,表达2倍行高可以使用2rem，rem通常使用于等比例调放页面，而此时也是正确的。

4如何产生带有正方形项目的列表？ D

A、list-type: square B、type: 2 C、type: square D、list-style-type: square

选项显而易见，列表前的点变成正方形通过list-style-type: square表达。

5下列哪些样式值可以移动元素本身位置？ ACD

A、margin-left B、padding-left C、left D、translateX

CD都是移动元素时使用的指令，margin内边距调整盒子大小时，里面的内容随着盒子的改变而改变，也具有移动元素本身位置的性质。

6根据下列代码.about的高是多少?

```html

.about { maring: 0 auto; }

.about-img { float: left; height: 200px; }

.about-text { height: 100px; }

</div>

```

A、0 B、100px C、200px D、300px;

根据代码大概可知大盒子about，里面有两个盒子，高度分别为200px和100px,而200px的盒子进行浮动，所以现在父盒子的高度为小高度盒子的长度100px,而在父盒子加入overflew:hidden的话，父盒子的高度会变成200px.

7有关CSS外边距margin说法错误的是 B

围绕在元素边框的空白区域是外边距 B、margin设置为auto相当于设置为0 C、设置外边距会在元素外创建额外的“空白” D、设置外边距使用 margin 属性，可以接受任何长度单位、百分数值甚至负值。

margin设置为auto 自动的意思，自动对齐。

8 使用CSS的flexbox布局，不能实现以下哪一个效果：D

A、三列布局，随容器宽度等宽弹性伸缩

B、多列布局，每列的高度按内容最高的一列等高

C、三列布局，左列宽度像素数确定，中、右列随容器宽度等宽弹性伸缩

D、多个宽高不等的元素，实现无缝瀑布流布局

<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .list img{

            background-color: blue;

            width: 50px;

            height: 50px;

        }

        .list>p:nth-child(even) img{

            background-color: red;

        }

        .list>p:last-child img{

            background-color: orange;

        }

    </style>

</head>



<body>

    <div class="list">

        <p><img src="" alt=""></p>

        <p><img src="" alt=""></p>

        <div class="sub-list">

            <p><img src="" alt=""></p>

            <p><img src="" alt=""></p>

        </div>

        <p><img src="" alt=""></p>

        <div class="sub-list">

            <p><img src="" alt=""></p>

        </div>

    </div>

</body>



</html>

Style样式全体蓝色，接下来重新设置背景颜色，父盒子的偶数p的子盒子为红色，为第二个p红色，父盒子的最后p的子盒子为橘色，为倒数第二个。