1+x综合案例三

 

1.

以下不属于background-clip的值的是（）

• Aborder-box
• Bpadding-box
• Ccontent-box
• Dnone

2.

设定一个元素按规定的动画执行，你需要运用什么规则？

• Aanimation
• Bkeyframes
• Cflash
• Dtransition

3.

parseInt(3, 8) parseInt(3, 2) parseInt(3, 0)

3 nan 3

4. jQuery中用on来给未来元素绑定事件

5.让一个动画一直执行的属性 animation-iteration-count

6.

关于flex说法正确的是（）

• Aflex 属性用于指定弹性子元素如何分配空间
• Bflex:1应该写在弹性元素上
• C设置flex:1无意义
• Dflex是指设置固定定位

7.

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

8.

• HTML5兼容以前HTML4下浏览器
• <canvas>标签替代Flash

简化的语法

9. 用来表示特殊字符引号

"进

10.

box-shadow: 10px 10px 5px #888888;

水平 垂直 其他是可选的

 

11.

将div类名以'c'开头元素添加文字为红色

div[class^=c]{color:red}

 

12.

jQuery中用$(".box").appendTo(ele)给box类前添加ele元素

jQuery中用$(".box").insertBefore(ele1,ele2)给指定ele2前添加ele1元素

jQuery中用$(".box").insertAfter(ele1,ele2)给ele2后添加ele1元素

 

13.

getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数

getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getYear() 方法可返回表示年份的两位或四位的数字。

 

14.

关于语义化说法不正确的是（）

• A语义化的HTML有利于机器的阅读
• BTable 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格
• C语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化
• DHeader、article、address都属于语义化明确的标签

15.

• getElementById
• BgetElementsById
• CgetElementsByTagName
• DgetElementsByName
• EgetElementsByClassName

 

16.

background-origin的值有哪些（）

• Anone
• Bborder-box
• Ccontent-box
• Dpadding-box

17.

document.getElementById(‘a’)是通过id值为a获取页面中的一个元素

document.getElementsByTagName(“div”)是通过标签名获取去所有div;

 

 

 

 

 

 

18.

关于javascript事件说法不正确的是（）

• A事件由事件函数 事件源 事件对象组成
• B当前事件作用在哪个标签上,哪个标签就是事件源
• Conclick 就是一个事件对象
• D图片切换使用javascript的change事件

当元素的值发生改变时，会发生 change 事件。

 

19.

parseFloat('45.13abc')  45.13

parseInt('abc43.12')返回值为NaN

 

20，

• alert($('[name=header1]').text()); 正确
• Calert($('[name='header1']').text()); 错误 name不用引号

 

 

21.

关于media说法正确的是（）

• A@media 查询，你可以针对不同的媒体类型定义不同的样式
• B@media 可以设计响应式页面
• C当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。
• D可以用media属性在link中使用

 

 

22. CSS Sprites整理起来更为方便，同一个按钮不同状态的图片也需要一个个切割出来并个别命名

 错

 

23. slideUp()方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素

 

24.

//(1)声明一个7个长度的数组days

var days=new Array(7);

//(2)往数组days后面添加一个元素，值为星期六;

days.push('星期六');

//(3)获取当前时间

      var timeNow =new Date() ; 

//(4)获取当前时间的秒

        var seconds =timeNow.getSeconds() ;

//(5)获取当前时间的分钟

        var minutes = timeNow.getMinutes();

var hours = timeNow.getHours ();

//(6)获取当前时间的小时

        var hours = timeNow.getHours ();

 

//(7)给digitalTime的内容赋值

        digitalTime. innerHTML=

setTimeout (function(){run();}, 1000);

 

 

//(1)jquery定义开始按钮

        var startBtn= $("#startID");

//(5)定义循环定时器 20毫秒执行一次

        startId= setInterval(function () {

//(6)(7)通过Math的方法生成随机角标 0-6，并且取小，如0.01-0.99都取0

            index = Math.floor (Math. random() * 7);

//(8)设置小相框的src属性

            smallImg.prop("src",imgs[index] );

 //(9)停止定时器

        clearInterval(startId);

        //(10)(11)给大相框设置src属性

        bigImg.prop("src",imgs[index] ). hide();

        //(12)1秒钟的运行时间显示

        bigImg.show (1000);

//(2)根据标签名获取元素

      p1 = document.getElementsByTag ("p");

//(7)(8)点击调用方法

document.getElementById("button1").onclick =searchKey();

 

 

/*(2)(3)清理默认li样式*/

list-style:none ;

/*(4)margin水平居中*/

    margin:0 auto;

/*(5)(6)浮动靠右*/

    float:right;

/*(7)(8)内边距为上下0px，左右12px*/

    padding: 0px 12px;

/*(9)转换成块级元素*/

    display:block ;

/*(10)鼠标悬浮样式*/

.top_nav_02 li a:hover {

 

 

 

<!--(1)表头标签-->

            <thead >

colspan 

合并列

Rowspan合并行

/*(5)同时给table、th、td加样式*/

table,th,td{

/*(7)(8)第三个td加上红色样

td:nth-child(3){