关于CSSHTMLJAVASCRIPT的10道选择题

html-css010

关于CSSHTMLJAVASCRIPT的10道选择题,第1张

1.D

2.D

3.C

4.C

5.B

6.B

7.B

8.A

特别是后面三个题目,花了时间喔,还要按题目要求把JS或JQ代码写出来执行,再选答案。希望对你有帮助。这题目应该网页前端的题目喔。哈哈,还好我是搞前端开发的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>check box</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style type="text/css">

*{margin:0padding:0}

#checkBox label{display:block}

#checkBox{margin:20px autowidth:100pxpadding:25px 15pxborder:1px solid #cccbackground-color:#eeeline-height:25px}

</style>

<script type="text/javascript">

$(function(){

$("#checkBox :checkbox").each(function(){

$(this).on({

"click" : function(){

$(this).closest("dl").find("dd.box").each(function(){

if($(this).find(":checked").length){

$(this).addClass("checked")

} else {

$(this).removeClass("checked")

}

})

if($("#checkBox dd.box").length === $("#checkBox dd.checked").length){

$("#disi04").removeAttr("disabled")

} else {

$("#disi04").attr("disabled","disabled")

}

}

})

})

})

</script>

</head>

<body>

<div id="checkBox">

<dl>

<dt>Some text</dt>

<dd class="box"><label for="diyi"><input type="checkbox" name="diyi" id="diyi" />checkBox</label>

<label for="dier"><input type="checkbox" name="dier" id="dier" />checkBox</label>

<label for="disan"><input type="checkbox" name="disan" id="disan" />checkBox</label></dd>

<dt>Some text</dt>

<dd class="box"><label for="diyi02"><input type="checkbox" name="diyi02" id="diyi02" />checkBox</label>

<label for="dier02"><input type="checkbox" name="dier02" id="dier02" />checkBox</label>

</dd>

<dt>Some text</dt>

<dd><label for="disi04"><select name="disi04" id="disi04" disabled="disabled"><option>Common box</option>

<option value="1">val001</option>

<option value="2">val002</option></select></label>

</dd>

</dl>

</div>

</body>

</html>

第七章:

1 c

2 b

a:link {color: #FF0000}     /* 未访问的链接 */

a:visited {color: #00FF00}  /* 已访问的链接 */

a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */

a:active {color: #0000FF}   /* 被选择的链接 */

注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!

注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!

3 d

4 不知道、

5 c

第八章:

1 a

2 d

3 c

4 a

5 d