根据div{width：276px；padding：8px；border：1px solid red；margin：5px；}这个占据的页面空间的宽度（）。A、304pxB、284pxC、286pxD、306px

题目

根据div{width：276px；padding：8px；border：1px solid red；margin：5px；}这个占据的页面空间的宽度（）。

A、304px
B、284px
C、286px
D、306px

如果没有搜索结果或未解决您的问题，请直接联系老师获取答案。

相似问题和答案

第1题：

请根据网页显示的效果图和网页中的元素说明，将HTML文本中(n)处的解答填入对应栏中。

[说明]

在IE浏览器中输入yoyo电子邮局主页地址并回车后，网页的显示效果如下图所示。

[网页中的元素说明]

见下表。

[HTML 文本]

＜html＞

＜head＞

＜title＞yoyo邮局主页＜/rifle＞

＜/head＞

＜body＞

＜p align=“center”＞

＜b＞＜font color=“800080”face=“楷体_GB23 12”size=“5”＞yoyo邮局＜/font＞＜/b＞

＜/p＞

＜p align=“center”＞

(1)

＜/p＞

＜ p align = "left" ＞＜/p ＞

＜p align ="left" ＞用户登录＜/p＞

＜ table ＞

＜ tr ＞＜ td width = "100" height = "16" ＞

＜ div align = "right" ＞

登录名：

＜/div ＞＜ /td ＞

(2)

＜/table ＞

＜ table ＞

＜tr ＞＜td width = "100"height = "16" ＞

＜ div align = "right" ＞

密码

＜/div ＞＜ /td ＞

(3)

＜/table ＞

＜ table ＞

＜ tr ＞＜ td width = "100" ＞

＜ div align = "right" ＞

类型

＜/div ＞＜ /td ＞

＜ select nchange = "changeBackURL( ) "name = "select" ＞

＜ option ＞商务用＜/option ＞

＜option ＞免费用户 (4) ＜/option ＞

＜/select ＞

＜/table ＞

＜p＞＜/p＞＜p＞＜/p＞

VIP 服务咨询邮箱: (5)

＜ a href = "http://bbs. yoyo. com" ＞参加yoyo 邮局社区讨论＜/a ＞

＜/body ＞

＜/html ＞

正确答案：(1)IMG(src)＝"atmail．jpg" width="80" height="80"＞ (2)input name="login_name" size="20"＞ (3)input type="password" name="login_password" size="20"＞ (4)option selected＞ VIP用户/option＞ (5)a href="mailto：vipmail@yoyo．net"＞vipmail@yoyo． net/a＞
(1)IMG(src)＝"atmail．jpg" width="80" height="80"＞ (2)input name="login_name" size="20"＞ (3)input type="password" name="login_password" size="20"＞ (4)option selected＞ VIP用户/option＞ (5)a href="mailto：vipmail@yoyo．net"＞vipmail@yoyo． net/a＞

第2题：

关于以下CSS样式定义的说法,不正确的是( )divheader a:link, divheader a:visited{display: block;width: 372px;height: 90px;background : url(／ui／bg.gif) 0 －120px no－repeat;margin: 0;padding: 0;border: 0;}

A.定义了名为header的div里一般链接与已访问链接的属性

B.background定义的是页面背景

C.边框、内外边距都为0

D.设置了容器居中

参考答案：D

第3题：

ext 怎么动态修改xtype

Ext.extend(Ext.Window, {

title: '任务查询',

width: 900,

height: 580,

padding: 10,

layout:'form',

。。。

的form怎麼提交，谢谢！

放几个 xtype不一样的控件，需要的显示，不需要的隐藏，动态控制控件的hidden属性，以达到动态改变xtype的效果。

from提交的方法如下：（示例）
buttons: [
{
text : "保存",
hidden : type == "view",
handler : function()
{
if (!addForm.form.isValid()) return;
Ext.MessageBox.confirm('提示信息', "确定保存吗?", function(bool)
{
if (bool == "no") return;
addForm.getForm().doAction('submit',
{
url : basePath+ "quality/Disqualification!add.action?fstate="+ fstate,
waitTitle : '请稍后',
waitMsg : '正在保存数据...',
success : function(form, action)
{
Ext.MessageBox.show(
{
title : "提示信息",
msg : action.result.message,
icon : Ext.MessageBox.INFO,
buttons : Ext.MessageBox.OK,
width : 200,
fn : function()
{
location.href = basePath+ "biz/quality/disqualification/ListPage.jsp";
}
});
}
});
});
}
}]

要修改控件的xtype那你就别继承Ext.Window类，获取到控件.xtype="button";
不过建议你最好别修改，因为每个控件的属性都有可能不一样，有时候IE会报错的.

放几个 xtype不一样的控件，需要的显示，不需要的隐藏，动态控制控件的hidden属性，以达到动态改变xtype的效果。from提交的方法如下：（示例）buttons: [{ text : "保存", hidden : type == "view", handler : function() { if (!addForm.form.isValid()) return; Ext.MessageBox.confirm('提示信息', "确定保存吗?", function(bool) { if (bool == "no") return; addForm.getForm().doAction('submit', { url : basePath+ "quality/Disqualification!add.action?fstate="+ fstate, waitTitle : '请稍后', waitMsg : '正在保存数据...', success : function(form, action) { Ext.MessageBox.show( { title : "提示信息", msg : action.result.message, icon : Ext.MessageBox.INFO, buttons : Ext.MessageBox.OK, width : 200, fn : function() { location.href = basePath+ "biz/quality/disqualification/ListPage.jsp"; } }); } }); }); }}]

第4题：

请根据网页显示的效果图(如图14-4所示)，将HTML文本中(n)处的解答填于相应的解答栏内。

[说明]

＜html＞

＜head＞

＜!-- TemplateBeginEditable name="doctitle" --＞

＜title＞Untitled Document＜/title＞

＜!-- TemplateEndEditable --＞

＜meta. http-equiv="Content-Type" eontent-"text/html; charset=gb2312"＞

＜!-- TemplateBeginEditable name="head" --＞

＜!-- TemplateEndEditable --＞

＜!-- TemplateParam name="BodyBackgroundColor" type="color" value="FFFFFF" --＞

＜!-- TemplateParam name="FooterColor" type="color" value="CCCCCC" --＞

＜!-- TemplateParam name="ImageTitleColor" type="color" value="CCCCCC" --＞

＜!-- TemplateParam name="Footer" type="boolean" value="true" --＞

＜style. type="text/css"＞

＜!--

body {

background-color: FFFFFF;

}

--＞

＜/style＞＜/head＞

＜body marginwidth="0" marginheight="0" leffmargin="0" topmargin="0"＞

＜br＞

＜table width="45%" border="0" cellspaeing="2" cellpadding="4" align="center"＞

＜tr bgcolor="@@(ImageTitleColor )@@"＞

＜td height=-"20"＞＜!-- TemplateBeginEditable name="ImageTitle" --＞

＜div align="center"＞图片浏览(日落) ＜/div＞

＜!-- TemplateEndEditable --x/td＞.

＜/tr＞

＜tr＞

＜td width="60%" height="169" align="center"＞＜!-- TemplateBeginEditable name="Image" --＞

＜IMG nClick=over(this) title=放大 (1) name="image" width="318" height="137" (2) (3) ＞＜!-- TemplateEndEditable --＞＜/td＞

＜/tr＞

＜/table＞

＜br＞

＜hr width="55 %" noshade size="1"＞

＜hr＞

＜!-- TemplateBeginEditable name="Navigation" --＞

＜table width="63%" border="0" cellspacing="0" cellpadding="4" align="center"＞

＜tr＞

＜td width="20%" align="right"＞＜nobr＞＜a href=""＞(4); First＜/a＞｜＜a href=""＞(5);

Previous＜/a＞＜/nobr＞＜/td＞

＜td width="20%" align="center"＞＜nobr＞＜a href=""＞(6)＜/a＞｜2｜＜a href=""＞3＜/a＞

｜＜a href=""＞4＜/a＞｜＜a href=""＞5＜/a＞＜/nobr＞＜/td＞

＜td align="left" width="20%"＞＜nobr＞＜a href=""＞Next >＜/a＞｜＜a href=""＞Last

(7); ＜/a＞＜/nobr＞＜/td＞

＜/tr＞

＜/table＞

＜!-- TemplateEndEditable --＞

＜/body＞

＜/html＞

正确答案：(1)src="Sunset.jpg" (2)hspace="4" (3)vspace="4" (4)<< (5)< (6)1 (7)>；>
(1)src="Sunset.jpg" (2)hspace="4" (3)vspace="4" (4)<< (5)< (6)1 (7)>；>

第5题：

关于CSS,正确的是()。

A.边界margin值可为负,填充padding指不可为负

B.对行内元素设置width或height值也是起作用的

C.使用CSS，只能使用进行结构设计

D.margin可以单独设置背景颜色

正确答案：A

第6题：

以下是实现手机销售信息查询的网页加入信息功能的部分代码，其网页显示效果类似图6-9，请将(3)～(6)空缺处的代码填写完整。

＜!--以下为实现加入信息功能的部分--＞

＜form. name="fonn1" method="post" action="main_search.asp"＞

＜td＞

＜div align="left"＞

＜table width="404" border=-"0"＞

＜tr＞

＜td align="right" width="121"＞

＜font size="2"＞请选择品牌＜/font＞

＜/td＞

＜td align="left" width="194" valign="bottom"＞

＜p＞＜(3) size="1" name="D1"＞

＜option (4) value="mow"＞]摩托罗拉＜/option＞

＜option value="(5)"＞诺基亚＜/option＞

＜ (6) ＞

＜/p＞

＜/td＞

＜td align="left" width="69" valign="middle"＞

＜p＞

＜input type="submit" value="提交" name="B1"＞

＜/p＞

＜/td＞

＜/tr＞

＜/table＞＜/div＞＜/td＞

＜/form＞

正确答案：(3) select (4) selected (5) nokia (6) /select
(3) select (4) selected (5) nokia (6) /select 解析：这是一道要求读者掌握表单应用的分析理解题。本题的解答思路如下。
从图6-9的显示效果可知，该网页提供一个下拉列表框供用户选择手机类型，因此需要采用select＞…/select＞标志对创建一个下拉列表框或可复选的列表框。此标志对用在form＞…/form＞标志对之间。 select＞具有name、size和multipe属性，其中name属性是此列表框的名字；size属性用于设置列表的高度，默认值为1：multipe属性不用赋值，直接加入到select＞标志中即可使用，加入此属性后列表框由原来的弹出式列表框变成了一个可以多选的列表框。option＞标志用来指定列表框中的一个选项，它放在 select＞…/select＞标志对之间。
综上所述可以判断，(3)、(6)空缺处所填写的内容分别是“select”、“/select”。
option＞具有selected和value属性，selected属性用来指定下拉列表框的默认选项，value属性用来给指定的选项赋值。题干说明中已给出了“Brand字段下共有两种数据：moro、nokia，分别代表摩托罗拉、诺基亚”关键信息，结合图6-9的显示效果可知，(4)空缺处所填写的内容是“selected”，(5)空缺处value属性值为“nokia”。

第7题：

下列哪种CSS属性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内)()。

A.container{margin:0auto;width:780px;}

B.container{position:relative;width:780px;left:50%;margin-left:-390px;}

C.container{margin:0auto;width:85%;}

D.container{position:relative;width:780px;right:50%;margin-left:390px;}

正确答案：D

第8题：

以下代码定义的最可能是一个()布局页面。<styletype="text／css">container{width:960px;…}<／style>…<divid="container">示例<／div>

A、固定

B、流式

C、网格

D、Flex

参考答案:A

第9题：

下面是一段HTML标记,显示的表的边界宽度是______像素。基本表格<</div> <div class="qoption"> <div class="qcontent"><p>下面是一段HTML标记，显示的表的边界宽度是______像素。＜HTML＞＜HEAD＞＜TITLE＞基本表格＜/TITLE＞＜/HEAD＞＜BODY bgcolor="#FFFFFF"＞＜TABLE border="4"width="231"height="131"＞＜tr＞＜td＞姓名＜/td＞＜td＞学校＜/td＞＜/tr＞＜tr＞＜td＞＜div align="center"＞张莫＜/div＞＜/td＞＜td＞＜div align="center"＞交大＜/div＞＜/td＞＜/tr＞＜tr＞＜td＞＜div align="right"＞陈和＜/div＞＜/td＞＜td＞＜div align="right"＞重大＜/div＞＜/td＞＜/tr＞＜/TABLE＞＜/BODY＞＜/HTML＞</p><p>A．131</p><p>B．231</p><p>C．4</p><p>D．0</p><p></p></div> </div> <br/><div class="qanswer"> <div> 正确答案：C<br> </div> </div></p> </div> </div> <div class="col-12"> <div> <p class="font-weight-bold">第10题：</p> <p> <div class="qoption"> <div class="qcontent"><p>决定AP Div元素的显示/隐藏的是哪个属性?()</p><p>A.Tag</p><p>B.Visibility</p><p>C.Nesting</p><p>D.Width and Height</p></div> </div> <br/><div class="qanswer"> <div> 答案：B </div> </div></p> </div> </div> </div> </div> </div> <div class="card mt-3"> <div class="card-header w_primary_border_bottom2"><h5 class="p-0 m-0 line-height-normal">更多相关问题</h5></div> <div class="card-body"> <ul class="list-group list-group-flush"> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s53646/sNux3Lzc.html">单选题为了让页面正文中id为container的div能够水平居中，需要的CSS样式是（）。A #container{width：880px； padding：0px auto；}B #container{width：880px；padding：auto 0px；}C #container{width：880px；margin：auto 0px；}D #container{width：880px；margin：0px auto；}</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s36282/sN1sjqaN.html">有关下列方框属性正确的是（）。A、margin-left设置对象的左填充B、border-width设置边框的宽度C、padding-left设置内容和右边框之间的距离D、以上说法都不对</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s40376/sND8s0ph.html">在CSS中，使用（）设置边框宽度。A、border=color：<值>B、border=width：<值>C、text=align：<值>D、letter=padding：<值></a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s40376/sND8I6v7.html">〈style〉div{width：200px；}〈/style〉〈div style="width：300px"〉〈/div〉以上代码中，最终div的宽度是（）。A、200pxB、300pxC、200D、300</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s40376/sMxXqtm.html">在使用div定义宽度时，有时候表现出来的会比自己实际设置的宽度要宽，下面哪些属性值会产生这种影响（）A、 cellpadding=”10px″B、 padding：10pxC、 margin：10pxD、 cellspacing=”10px″</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s38132/sWh74bs.html">h1{padding：8px016px30px；}，则h1的内边距分别是？（）A、上8px、右0px、下16px、左30pxB、右8px、下0px、左16px、上30pxC、下8px、左0px、上16px、右30pxD、左8px、下0px、右16px、上30px</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s40376/sNDtvdlJ.html">如果外边距上为10px，右为5px，下为6px，左为20px那如何写语法（）。A、margin：10px 5px 8px 20pxB、margin：10px 5px；C、margin：8px 20pxD、margin：10px 5px 8px；</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s40322/sNEJl1Wv.html">下面选项中，可以设置页面中某个DIV标签相对页面水平居中的CSS样式是（）。A、margin：0autoB、padding：0autoC、text-align：centerD、vertical-align：middle</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s40314/sNE1ccsp.html">在css中，为页面中的某个div标签设置样式为Div{width：200px；border：10px；margin：10px； }则该标签的实际宽度为（）。A、200px；B、220px；C、240px；D、250px；</a></p> </div> </li> <li class="list-group-item list-group-item-action"> <div class="p-2"> <p class="line-height-normal"><a class="text-primary" href="/c/s53646/sN3Lo6bX.html">单选题在css中，为页面中的某个div标签设置样式为Div{width：200px；border：10px；margin：10px； }则该标签的实际宽度为（）。A 200px；B 220px；C 240px；D 250px；</a></p> </div> </li> </ul> </div> </div> </div> <div class="col-4"> <div class="card"> <div class="card-header p-3 w_primary_border_bottom2"> <h5 class="p-0 m-0">相关内容</h5> </div> <div class="card-body"> <ul class="list-group list-group-flush"> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s53885/" class="text-dark text-decoration-none">特种作业考试</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s34801/" class="text-dark text-decoration-none">天车工考试</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s39301/" class="text-dark text-decoration-none">0790中国政治制度史</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s56890/" class="text-dark text-decoration-none">植物学</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s38461/" class="text-dark text-decoration-none">新疆维吾尔自治区实施〈中华人民共和国反恐怖主义法〉办法知识</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s56418/" class="text-dark text-decoration-none">职业卫生主治医师综合练习</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s35706/" class="text-dark text-decoration-none">水利水电工程</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s35238/" class="text-dark text-decoration-none">企业标准化知识竞赛</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s39007/" class="text-dark text-decoration-none">设备基础知识竞赛</a> </div> </li> <li class="list-group-item list-group-item-action"> <div class=""> <a href="/c/s36348/" class="text-dark text-decoration-none">现代高新科技及其产业发展</a> </div> </li> </ul> </div> </div> </div> </div> <div class="modal fade" id="pay_modal" tabindex="-1" role="dialog" aria-labelledby="pay_modal_title" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="pay_modal_title" title="该问题答案仅对会员开放，欢迎开通会员">开通会员查看答案</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <iframe src="/Question/Pay" height="458" style="width:100%" frameborder="0"></iframe> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button> <a class="btn btn-success" href="/p/contactus.html" target="_blank">联系客服</a> </div> </div> </div> </div> </div> <footer class="border-top footer text-muted"> <div class="container text-center"> <p class="mt-4"> <a href="/p/contactus.html" class="text-muted me-3 text-decoration-none">联系我们</a> <a href="/p/about.html" class="text-muted me-3 text-decoration-none">关于我们</a> <a href="/p/duty.html" class="text-muted me-3 text-decoration-none">免责声明</a> <a href="/p/weifajubao.html" class="text-muted me-3 text-decoration-none">违法和不良信息举报</a> <a href="/p/fuwuxieyi.html" class="text-muted me-3 text-decoration-none">服务协议</a> <a href="/p/huiyuanxuzhi.html" class="text-muted me-3 text-decoration-none">会员须知</a> </p> <p class="mt-3"> <img src="//cdn.sokaoti.com/f1.png" /> <img src="//cdn.sokaoti.com/f2.png" /> <img src="//cdn.sokaoti.com/f3.png" /> </p> <p class="mt-3"> © 2020-2024 搜考题 www.sokaoti.com - <a href="https://beian.miit.gov.cn/" class="text-muted" target="_blank">苏ICP备2022020371号</a> </p> </div> </footer> <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js" type="application/javascript"></script> <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.3/js/bootstrap.bundle.min.js" type="application/javascript"></script> <script src="/js/common.js?v=mz6eDOCZQq9wkKF0Ul2O8E0T0PzJPJo4d-eif5Q0deU"></script> <script type="application/ld+json"> { "@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld", "@id": "https://www.sokaoti.com/c/s40376/sNDtRRS6.html", "title":"根据div{width：276px；padding：8px；border：1px solid red；margin：5px；}这个占据的页面空间的宽度（）。A、304pxB、284pxC、286pxD、306px", "description": "根据div{width：276px；padding：8px；border：1px solid red；margin：5px；}这个占据的页面空间的宽度（）。A、304pxB、284pxC、286pxD、306px", "pubDate": "2024-06-14 05:05:28", "isOriginal": "0" } </script> <script> var im = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; if (im) { window.location.href = "https://m.sokaoti.com/c/s40376/sNDtRRS6.html"; } var payModal = document.getElementById('pay_modal'); payModal.addEventListener('hidden.bs.modal', function (event) { window.location.reload(); }); </script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "Jhclq4gxN3m621tw",ck: "Jhclq4gxN3m621tw"})</script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5b93f527dd31e276bc2af106dc83df5f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>