Web前端开发初级模拟测试卷（三）

1. 1. p :not(span){transform:rotate(45deg)}

2.meta标签中name属性值是关键字的是（ ）

• Adescription
• Bauthor
• Ckeyword
• Dgenerator

 

3.meta标签中name属性值是关键字的是（ a）

• Adescription
• Bauthor
• Ckeyword
• Dgenerator

4.

在当前页面index.html中插入与index.html处于同一级的img文件夹下的logo.jpg，正确的导入写法是（a ）

• A<img src="img/logo.jpg">
• B<img href="img/logo.jpg">
• C<img src="../img/logo.jpg">
• D<img href="../img/logo.jpg">

5.

以下哪个方法是对数组进行排序（ ）

• Asort
• Breverse
• Cpop
• Dslice

正确答案：A 学生答案：A 

6.

以下哪个的优先级最高（c ）

• Aclass
• Bid
• C!important
• D行内

7.

实现点击文本也能控制复选框，以下设置正确的是（b ）

• B<input type="checkbox" id="music" /><label for="music">音乐</label>
• 8.

flex-grow的作用是

• D弹性盒子元素如何分配剩余空间

9.

如何清除ul的浮动

ul:after{content:"";clear:both;display:block}

10.

placeholder的作用是（ ）

• A为文本框设置默认提示文字

11.

javascript怎样将一个checkbox设为无效，假设该checkbox的id为checkAll

document.getElementById("checkAll").disabled = true;

 

12.

input标签的值是用哪个属性来描述的type

 

13.

if(event.keyCode == 13) 如果按下的是回车键：js中

 

14.

document.getElementsByTagName("div")[0].innerHTML = '<b>hello</b>';

似乎加个【0】就是对的

为什么不能获取document.getElementById("div1").style.margin的值

使用style取到的就是dao标签上style的值，du由于在直接在class上写的zhi，style上并没有对应的margin属性，所以无回法获取答

 

15.

下面选项中 jquery焦点事件的有

focus()  blur() 没有on再jq里

 

16.

css( )方法会去除原有样式而设置新样式

 

17.

背景background属性

• background-size
• Bbackground-origin
• Dbackground-clip

18.

以下哪些样式可以隐藏元素( )

• Avisibility:hidden;
• Cdisplay:none;
• Dopacity:0;

19.

#wrap{width:600px;height:200px;background:#ccc;position:absolute;}实现wrap在浏览器中水平和垂直都居中，需要设置的样式有( )

• Bleft:300px;top:100px;
• Cleft:50%;top:50%;

20.

在jquery中指定的元素后面追加内容是after吗   对

21.

CSS中transition是用来控制元素变形样式的  错

 

22.

letter-spacing: -.05em;/*设置字符间距*/

 animation-duration: 1s;/*设置

/*定义动画*/

@keyframes swingdown

*/

background: url(../imgs/xsb.jpg) bottom center no-repeat;/*设置背景底部居中对齐*/

box-sizing: border-box;/*设置盒模型为IE盒模型*/

font-weight: bold;/*设置字体加粗的属性*/

background-size: 100% 100%;/*设置背景大小*/

//鼠标经过li时触发函数

$(".box ul li").hover(function(){

    $(this).addClass('on').siblings().removeClass('on');

});

/*自定义图标字体*/

@font-face{

  font-family: 'iconfont';

 justify-content: space-around;/*水平对齐，两边间距是中间间距的一半*/

align-items: center;/*垂直居中对齐*/

font-family: "iconfont";/*设置资自定义图标字体*/

shopCheck[s].checked=true;

;//设置选中状态

shopCheck[s].checked=false;

/设置未选中状态