2022css面试题

1.以下对CSS描述错误的是：    

A.CSS是层叠样式表(英文全称：Cascading Style Sheets)。

B.CSS可以实现内容与样式的分离。

C.CSS是解释型语言，不需要编译。

D.CSS负责网页元素的内容与样式。

2.下面关于CSS选择器优先级最高的是：

A.div p{}

B.div .one p{}

C.one p{}

D.p{}

3.CSS的引入方式共有三种，它们的优先级是：

A.外部样式 > 内嵌样式 > 行内样式

B.外部样式 > 内嵌样式 / 行内样式

C.行内样式 > 内嵌样式 / 外部样式

D.行内样式 > 内嵌样式 > 外部样式

4.分析下面使用的meta标签的语句,下面说法正确的是(  )

<meta  name=”description”  content=”这是一个手机网站”/>

<meta  name=”keywords”  content=”小米手机，苹果手机，三星手机”/>

A.该网页的基本描述是:"这是一个手机网站"。

B.该网页的关键字位:"小米手机，苹果手机，三星手机"。

C.该页面的作者是:"小米手机，苹果手机，三星手机"。

5.网页文件的扩展名可以是 (  )

A.   .html

B.   .doc

C.   .bat

D.   .htm

6.下面语句中，描述错误的是？  (  )

A.   css的作用是美化页面的。

B.   css是层叠式样式表。

C.   css是不能处理样式冲突的。

D.   css是负责页面结构的。

7.对于选择器div.box{}说法正确的是( )

A.  可以选择中带有类名为box的p标签。

B.  可以选择中div标签和带有类名为box的标签。

C.  可以选择中带有类名为box的div标签。

D.  啥也选不中。

8. font属性写法正确的是()

A.  div{ font:14px/20px "微软雅黑";}

B.  div{ font: 12px "微软雅黑";}

C.  div{ font:20px;}

9. 以下代码运行后弹出的结果是

var a = 888;

 ++a;

 alert(a++);

A. 888

B. 889

C. 890

D. 891

10. 在vue中给元素绑定事件使用以下哪个指令？

A. v-if

B. v-on

C. v-bind

 new Vue({

                // el绑定元素 可以是id名,可以是标签名,可以是类名   html和body除外

                // 同名绑定，只绑定第一个。所以一般使用id名

                el:'.app'

            })

            // 可以多个绑定，但是不建议

            new Vue({

                el:'.box'

            })

 <!--

                vue-directive指令

                v-html可以识别标签 xss风险

                v-text不能识别标签

                 

             -->

            <div v-html="msg"></div>      标签和内容都有

            <div v-text="msg"></div>       只有内容

            <div>{{msg}}</div>

<!-- v-on:事件类型(click mouseenter mouseleave)='方法()' -->

            <button v-on:click="add">{{msg}}</button>

            <p>{{txt}}</p>

<ul>

                <!-- v-for="(item,index) in list"   遍历list动态生成标签 item数组的元素 index下标

                      可以用于相同类型的

                        

                    item和index可以取别名

                -->

                <li v-for="(it,index) in list">

                    {{index}}

                    <h3>{{it.title}}</h3>

                    <p>{{it.price}}</p>

                </li>

            </ul>

 data:{

                    hoddy:['hah','xx','xx'],

                    list:[

                        {

                            title:'这是标题',

                            price:10

                        }

                    ]

                }

                

 <div id="app">

            <!-- v-bind控制标签属性的。如果属性值需要是变量的情况。v-bind:属性="变量" -->

            <img v-bind:src="src" v-on:mouseenter="enter()" v-on:mouseleave="leave()" alt="">

            <!--

                一个变量的时候，书写方式

                v-bind:属性="变量"

                两个变量的时候，书写方式

                v-bind:属性="[变量1,变量2...]"

                动态控制类名

                v-bind:属性="{k:v,k:v}"k属性的值 v条件 v如果是true的时候，k的值存在。否则不存在

             -->

            <!-- <p v-bind:class="[one,two]">111</p> -->

            <p v-bind:class="{'one':num==1,'two':1}">666</p>

        </div>