前端面试题.doc

一、单项选择题（ccdba）
1.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的事件。
A.onFocus
B.onMouseUp
C.onMousrOver
D.onMousMOve

2.下列属性哪一个能够实现层的隐藏？
A.display:false
B.display:hidden
C.display:none
D.display:" "

3.下列选项中，不属于文本属性的是
A.font-size
B.font-style
C.text-align
D.font-color

4.页面上有一个按钮btn，同时定义好了一个类样式（按钮图片样式表btnPic），那么使用（）就可以实现背景图片的改变。
A.onMouseOver="className=btnPic"
B.onMouseOver="this.className=btnPic"
C.onMouseOver="this.style.className=btnPic"
D.this.btn.style.className="btnPic"

5.下列语句描述正确的是
A.当页面有多个层堆叠时，按照料z-index的数值升序先后排列每个层
B.当页面有多个层堆叠时，按照料z-index的数值降序先后排列每个层
C.设置层的显示属性中inline意味着按块显示，换行显示
D.设置层的显示属性中block意味着的按行显示，和其它元素同一行显示
6．CSS是什么的缩写
A.Computer Style Sheets
B.Cascading Style Sheets
C.Creative Style Sheets
D.Colorful Style Sheets

7．下列HTML引用样式表的方式哪种正确
A.mystyle.css
B.
C.<link rel="stylesheet" type="te</p><p style='padding:5px 0px;'>4、xt/css" href="mystyle.css">

8．在HTML内部定义样式用下列哪个标签
A.<style>
B.<css>
C.<script>

9．下面的CSS语法哪一个正确？
A.body:color=black
B.{body;color:black}
C.body {color: black}
D.{body:color=black(body}

10.在CSS中怎样插入注释
A.// this is a comment //
B.// this is a comment
C./* this is a comment *</p><p style='height:0px;padding:0;overflow:hidden'>5、/
D.' this is a comment

11.下面哪一个属性用来更换背景颜色
A.background-color:
B.bgcolor:
C.color:

12.怎样给DOM中的所有h1标签增加一个背景色
A.all.h1 {background-color:#FFFFFF}
B.h1 {background-color:#FFFFFF}
C.h1.all {background-color:#FFFFFF}

13．怎样改变标签元素中文本的颜色
A.text-color=
B.fgcolor:
C.text-color:
</p><p style='height:0px;padding:0;overflow:hidden'>6、D.color:

14．下面的CSS属性当中哪一个是控制字体大小的
A.text-size
B.font-size
C.text-style
D.font-style

15.下面哪一个是给所有p标签元素字体加粗的语法
A.<p style="text-size:bold">
B.<p style="font-size:bold">
C.p {text-size:bold}
D.p {font-weight:bold}

16.怎样设置可以使超链接没有下划线
A.a {text-decoration:no underline}
B.a {u</p><p style='height:0px;padding:0;overflow:hidden'>7、nderline:none}
C.a {decoration:no underline}
D.a {text-decoration:none}

17.怎样使一段文本中的所有单词的首字母大写
A.text-transform:uppercase
B.text-transform:capitalize
C.You can't do that with CSS

18.怎样使文本加粗
A.font-weight:bold
B.style:bold
C.font:b

19.定义边框与内容之间的空隙用padding，请问padding允许用负值对吗？
</p><p style='height:0px;padding:0;overflow:hidden'>8、A.对
B.错

20.怎么定义列表的项目符号为实心矩形
A.list-type: square
B.type: 2
C.type: square
D.list-style-type: square

二、多项选择题

1.在CSS语言中下列哪些选项是背景图像的属性
A.背景重复
B.背景附件
C.纵向排列
D.背景位置

2.CSS选择器包括
A.超文本标记选择器
B.类选择器
C.标签选择器
D.ID选择器

3.CSS文本属性中，文本对齐的取值有
A.auto
B.justify
C.center
D.right
E.lef</p><p style='height:0px;padding:0;overflow:hidden'>9、t

4.CSS中BOX的padding属性包括的属性有
A.填充
B.上填充
C.下填充
D.左填充
E.右填充

5.CSS中盒子模型的属性包括
A.font
B.margin
C.padding
D.visible
E.border

6.下面关于CSS的说法正确的有
A.CSS可以控制网页背景图片
B.margin属性的属性值可以是百分比
C.整个BODY可以作为一个BOX
D.对于中文可以使用word-spacing属性对字间距进行调整
E.margin属性不能同时设置四个边距

7.边框的样式可以包含的值包括
A.粗细
B.颜色
C.样式
D.长短
</p>
</div>
</div>

<span id="LabelScript"></span>
<script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script>

<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">

<div>
<div style=" margin: auto; overflow:hidden;
text-align: center;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div style=" height:80px; margin: auto; overflow:hidden;
text-align: center;">

<a target="_blank"
href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='>

<img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80'
alt="移动网页_全站_页脚广告1" />

</a>
</div> </div>
<div class="siteInner">
<p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a>&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;</span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a>&nbsp;&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;</span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a>&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;&nbsp;</span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2025 宁波自信网络信息技术有限公司&nbsp;</span><span style="text-align: center;">&nbsp;</span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：4009-655-100&nbsp; <span style="text-align: center;">投诉</span>/<span style="text-align: center;">维权</span>电话：[phone]</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a>&nbsp; &nbsp;</p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a>&nbsp;<span style="text-align: center;">&nbsp;|&nbsp;</span>&nbsp;<a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;">&nbsp;&nbsp;</span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;">&nbsp;：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;">&nbsp; &nbsp;&nbsp;<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a>&nbsp; &nbsp;&nbsp;<a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a>&nbsp; &nbsp;&nbsp;<a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a>&nbsp;</span></p>

</div>
</div>
<div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;">
<a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a>
</div>

<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">

<li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li>

<li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li>

</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>

<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.zixin.com.cn/docdown/6665442.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1748027249', // 必填，生成签名的时间戳
nonceStr: '7634EA65A4E6D9041CFD3F7DE18E334A', // 必填，生成签名的随机串
signature: '03430be0e7f72a028bedf1cea2d4fb3c3a347a53',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.zixin.com.cn/docdown/6665442.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1748027249', // 必填，生成签名的时间戳
nonceStr: '7634EA65A4E6D9041CFD3F7DE18E334A', // 必填，生成签名的随机串
signature: '03430be0e7f72a028bedf1cea2d4fb3c3a347a53',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>

<!--footer-->
<footer class="footer">

<a target="_parent" class="footer-item" href="https://m.zixin.com.cn/">
<img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" />
<div class="footer-item-txt ">首页</div>
</a>
<a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html">
<img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" />
<div class="footer-item-txt ">分类</div>
</a>
<a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html">
<img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" />
<div class="footer-item-txt ">专题</div>
</a>
<a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx">
<img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" />
<div class="footer-item-txt ">我的</div>
</a>
</footer>

<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.zixin.com.cn/header.aspx";
$.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>

<script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>