提示:内容已经过期谨慎付费，点击上方查看最新答案
Web前端开发基础
- 在HTML5中，头部内容通常包含在以下哪个结构元素内容（ ）。
- 下列标记中，用于定义HTML5文档所要显示内容的是（ ）。
- 按照网页中常见的命名规范，属于底部版权注释代码的是（ ）
- 页面上的div标签，其HTML结构如下：
＜div id="father"＞
＜p class="son"＞zhs＜/p＞
＜/div＞
对应的CSS样式代码如下：
#father #son{
color:red;
}
#father p{
color:blue;
}
div .son{
color:yellow;
}
div p{
color:green;
}
那么，文字的颜色将显示为（ ）。 - 认真阅读下列代码，并按要求进行作答。
animation-name:mymove; /*定义动画名称*/
animation-duration:5s; /*定义动画时间*/
animation-timing-function:linear; /*定义动画速度曲线*/
animation-delay:2s; /*定义动延迟时间*/
animation-iteration-count:3; /*定义动画的播放次数*/
animation-direction:alternate; /*定义动画播放的方向*/
animation属性是一个复合属性，可以同时设置上述属性的代码为（ ）。 - 下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（ ）。
- 要在网页中插入样式表main.css，以下用法中正确的是（ ）。
- 页面上的div标签，其HTML代码为
＜ div id="box" style="color:red" ＞文字＜ /div ＞，为其设置CSS样式如下：
#box{
color:blue;
}
那么，文字的颜色将显示为（ ）。 - ＜ img / ＞标记链接图片的属性是（ ）。
- 在下列选项中，background-position属性值书写正确的是（ ）。
- 下列选项中，用于规定动画的速度曲线的属性是（ ）。
- 下面标记中，表示换行的标记是（ ）。
- 用于定义动画开始前将会延迟2秒的时间，然后才开始执行的代码是（ ）。
- 在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（ ）。
- 一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（ ）
- 下列选项中，属于animation-timing-function默认属性值的是（ ）。
- 下列选项中，能够设置表单背景颜色的属性是（ ）。
- ＜span＞标记是网页布局中常见的标记，其显示类型为（ ）。
- transition-timing-function属性规定过渡效果的速度曲线，默认值为（ ）。
- 关于盒子模型中的宽度和高度属性，下面说法正确的是（ ）。
- 下列样式代码中，可以将块元素转换为行内元素的是（ ）。
- 网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（ ）。
- 在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（ ）。
- 当＜p＞标记内嵌套＜strong＞标记时，就可以使用后代选择器对其中的＜strong＞标记进行控制，下列写法正确是（ ）。
- 下列选项中，用于规定过渡效果何时开始的属性是（ ）。
- 下列标记中，属于单标记的是（ ）。
- 下列选项中，关于并集选择器的书写格式正确的是（ ）。
- animation属性也是一个复合属性，可以同时设置的属性包括（ ）。
- 下列选项中，可用于定义背景颜色的是（ ）。
- 关于HTML注释“＜!--nav begin--＞……＜!--nav end--＞”，下列解释正确的是（ ）
- 下列标记中，属于双标记的是（ ）。
- 下列选项中，常用于网页模块命名的是（ ）
- 关于定义无序列表的基本语法格式，以下描述正确的是（ ）。
- 关于＜ br / ＞标记，下列说法正确的是（ ）。
- 下面的选项中，哪些CSS属性没有继承性（ ）。
- text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果，其可用属性值有（ ）。
- 使用font-family设置字体时，以下书写正确的是（ ）。
- HTML5增加了很多新功能和新特性，下列属于HTML5优势的是（ ）。
- 关于元素的绝对定位模式，下列说法正确的是（ ）。
- 在CSS中定义字体的粗细，以下书写正确的是（ ）。
- 在特殊字符中，＜sub＞用来表示上标。（ ）
- 可以通过表单域定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。( )
- autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为false时，表示页面加载完毕后会自动获取该焦点。( )
- CSS3中，如果对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素，让它不使用这个样式，可以使用:not选择器。（ ）
- 当对元素应用“overflow:hidden;”样式时，溢出内容会被修剪，并且被修剪的内容是不可见的。( )
- ＜div＞标记是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。（ ）
- transition-delay属性规定过渡效果何时开始，常用单位是秒（s）或者毫秒（ms）。（ ）
- 在图像常用格式中，JPG是一种有损压缩的图像格式。（ ）
- 在网页制作中，建立站点就是定义一个存放网站中零散文件的文件夹。（ ）
- 在＜head＞中使用＜link＞标记可引用外部文件，一个页面只允许使用一个＜link＞标记引用外部文件。（ ）
- ＜div＞标记非常强大，通过与iD.class等属性配合设置CSS样式，可以替代大多数的块级文本标记。（ ）。
- 页面效果图分析主要包括HTML结构分析和CSS样式分析。（ ）
- 在创建表单时，表单对象的名称由name属性设定。( )
- HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。（ ）
- 默认情况下子元素会继承父元素的背景。（ ）
- 导航栏通常位于页眉区域，起着链接网站各个页面的作用。（ ）
- CSS3中，兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。（ ）
- HTML5中，可以在article元素或者section元素中添加footer元素。（ ）
- 图像文件和html文件位于同一文件夹，相对地址为＜ img src="logo.gif" / ＞。（ ）
- z-index属性用于调整重叠定位元素的堆叠顺序。( )
- 空标记虽然可以清除浮动，但是在无形中增加了毫无意义的结构元素。( )
- 使用回车键换行的段落可以实现强制换行的效果。（ ）
- 在表单中，name属性用于指定表单的名称，以区分同一个页面中的多个表单。( )
- PNG图像格式是一种支持透明的图像格式。（ ）
- 当对元素应用绝对定位后，其在标准流中位置将保持不变。( )
- 在分析页面效果图时，首先应该确定页面的版心。（ ）
- 表单提交后的数据处理程序由name属性指定。( )
- 在使用＜datalist＞标记时，需要通过id属性为其指定一个唯一的标识，然后为input元素指定list属性，将该属性值设置为option元素对应的id属性值即可。( )
- 在设置边框宽度和边框颜色时，可以不用设置边框样式。（ ）
- HTML5中，没有标题的内容区块不要使用section元素定义。（ ）
- 建立站点时，在根目录下新建的css文件夹，用于存放网站所需的图像文件。（ ）
- 网页是多个盒子模型嵌套排列的结果。（ ）
- CSS3中，:nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的第 n 个子元素和倒数第n个子元素。（ ）
- 在网页制作中，LOGO一般放在网站首页的导航栏中。（ ）
- CSS3中，:root选择器定义的样式，对所有页面元素都生效。（ ）
- 浮动的盒子不再占用文档流中的位置。（ ）
- 对浮动元素应用左外边距或右外边距时，在IE6浏览器中会出现双边距Bug。( )
- 如果不给＜ img / ＞标记设置宽和高，图片就会按照他的原始尺寸显示。（ ）
- output元素用于不同类型的输出，可以在浏览器中显示计算结果或脚本输出。( )
- 在HTML注释中，“＜!--footer begin--＞”表示底部版块区域的结束。（ ）
- 在定义下拉列表时，＜option＞＜/option＞标记必须嵌套在＜select＞＜/select＞标记中。( )
- CSS中，rgba(0,0,0,0.5)用于设置元素黑色半透明效果。（ ）
- 使用transition简写属性设置多种过渡效果，需要为每个过渡属性集中指定所有的值，并且使用空格进行分隔。( ）
- HTML5中，如果只有一个标题元素建议使用hgroup元素。（ ）
- 在特殊字符中，使用“ ”空格符可以实现想要的空白字符效果。（ ）
A:header B:footer C:aside D:nav
答案:header
A:＜body＞＜/body＞ B:＜head＞＜/head＞ C:＜html＞＜/html＞ D:＜title＞＜/title＞
答案:B
A:/*footer*/ B:/*content*/ C:/*nav*/ D:/*banner*/
答案:/*footer*/
A:蓝色 B:绿色 C:黄色 D:红色
答案:红色
A:animation: mymove 2s linear 5s 3 alternate; B:animation: mymove linear 2s 5s 3 alternate; C:animation: mymove 5s linear 2s 3 alternate; D:animation: mymove 3 2s linear 5s alternate;
答案:animation: mymove linear 2s 5s 3 alternate;
A:overflow: scroll; B:overflow: auto; C:overflow: hidden; D:overflow:visible;
A:＜linkhref="main.css"type="text/css"rel="stylesheet"＞ B:＜includehref="main.css"type="text/css"rel="stylesheet"＞ C:＜linkhref="main.css"type="text/css"＞ D:＜linksrc="main.css"type="text/css"rel="stylesheet"＞
A:都不正确 B:黑色 C:蓝色 D:红色
A:src B:height C:alt D:width
A:p{ background-position:10 top ;} B:p{ background-position:left top; } C:p{ background-position:top 10 ;} D:p{ background-position:left 10; }
A:animation-delay属性 B:animation-timing-function属性 C:animation-direction属性 D:animation-duration属性
A:＜ h1 ＞ B:＜ br/ ＞ C:＜ enter ＞ D:＜ hr/ ＞
A:animation-duration:2s; B:animation-timing-function:2s; C:animation-direction:2s; D:animation-delay:2s;
A:../ B:./ C:/ D:../../
A:336px B:333px C:363px D:366px
A:ease B:linear C:ease-in D:ease-out
A:padding B:border C:size D:background-color
A:浮动类型 B:行内块类型 C:行内类型 D:块级类型
A:linear B:ease-out C:ease-in D:ease
A:盒子模型中的宽度和高度属性仅适用于行内元素 B:都正确 C:盒子模型中的宽度和高度属性仅适用于块级元素 D:盒子模型中的宽度和高度属性适用于所有元素
A:display:none; B:display:block; C:display:inline-block; D:display:inline;
AI参考:正确选项是C: display:inline-block;。display属性用于设置元素如何显示，常用的值有：block（块级元素）、inline（行内元素）、none（隐藏元素）、inline-block（行内块级元素，既具有行内元素的特性，又可以像块级元素一样设置宽度和高度）。选项A中的display:none;会将元素完全隐藏，不会改变元素的显示类型；选项B的display:block;会将元素显示为块级元素，占据其父元素的整个宽度；选项D的display:inline;会将元素显示为行内元素，但不会显示其高度和宽度。而选项C的display:inline-block;则可以将块元素转换为行内元素，同时保留块级元素的特性，如可以设置宽度和高度。因此，选项C是正确答案。'
A:＜ imgsrc="logo.gif"/ ＞ B:＜ imgsrc="img/logo.gif"/ ＞ C:＜ imgsrc="img/logo"/ ＞ D:＜ imgsrc="imglogo.gif"/ ＞
A:{font-Family: “黑体”;} B:{font-family: 黑体;} C:{fontFamily: “黑体”;} D:{font-family: “黑体”;}
A:strong p{color:inherit;} B:p strong{color:inherit;} C:strong,p{color:inherit;} D:p.strong{color:inherit;}
A:transition-property属性 B:transition-timing-function属性 C:transition-duration属性 D:transition-delay属性
AI参考:正确答案是D：transition-delay属性。过渡效果何时开始的属性是transition-delay属性，它用于规定过渡效果开始前的延迟时间。其他选项中，transition-property属性用于规定应用过渡效果的CSS属性的名称，transition-timing-function属性用于设置过渡效果的时间曲线，transition-duration属性用于设置过渡效果的持续时间。因此，答案为D。'
A:＜ p ＞ B:＜ br / ＞ C:＜ h2 / ＞ D:＜ hr/ ＞
A:p .one{} B:p,.one,#two,div .box{} C:p,.one{} D:p_.one{}
A:animation-timing-function属性 B:animation-name属性 C:animation-direction属性 D:animation-delay属性
A:background-color:inherit; B:background-color:inherit; C:color:inherit; D:background-color:inherit;
A:该注释为导航栏模块的注释。 B:＜!--navbegin--＞表示开始布局导航栏。 C:便于代码的阅读和理解。 D:＜!--navend--＞表示导航栏布局结束。
A:＜ h1 ＞ B:＜ hr / ＞ C:＜ br / ＞ D:＜ p ＞
AI参考:正确选项是【BD】。解析：HTML标记分为单标记和双标记，单标记只有一个开头标记，双标记由一对开头标记和结尾标记构成。A选项中只有一个开头标记“＜h1＞”，属于单标记；B选项中开头标记为“＜hr＞”，结尾标记为“＜/hr＞”，属于双标记；C选项中只有开头标记“＜br＞”，属于单标记；D选项中开头标记为“＜p＞”，结尾标记为“＜/p＞”，属于双标记。因此，答案为BD。'
A:banner B:nav C:footer D:div
A:“＜ul＞＜/ul＞”标记用于定义无序列表 B:“＜li＞”不可以定义type属性，只能使用CSS样式属性代替 C:“＜li＞＜/li＞”标记嵌套在“＜ul＞＜/ul＞”标记中，用于描述具体的列表项 D:每对“＜ul＞＜/ul＞”中至少应包含一对“＜li＞＜/li＞”
A:使用换行标记＜ br/ ＞的段落可以实现强制换行的效果 B:＜ br/ ＞标记可以连续使用，比如＜ br/ ＞＜ br/ ＞ C:＜ br/ ＞标记和＜ p ＞标记具有相同的语义 D:在代码中，可以直接通过回车来实现换行效果，从而不用使用＜ br/ ＞标记
A:边框属性 B:边距属性 C:字体属性 D:字号属性
A:none B:underline C:over line D:line-through
A:body{ font-family: "微软雅黑","宋体","黑体",Arial;} B:body{ font-family: "Times New Roman";} C:body{ font-family: Times New Roman;} D:body{ font-family: Arial,"微软雅黑","宋体","黑体";}
A:用户优先的原则 B:解决了跨浏览器问题 C:化繁为简的优势 D:新增了多个新特性
A:绝对定位的元素将脱离标准文档流的控制 B:“position: absolute;”可以将元素的定位模式设置为绝对定位 C:绝对定位与相对定位的效果完全相同 D:绝对定位的元素将不再占据标准文档流中的空间
A:p{ font-weight:bold; } B:p{ font-weight:500; } C:p{ font-weight: "bolder"; } D:p{ font-weight: bolder; }
A:对 B:错
AI参考:答案是B：错。在特殊字符中，＜sub＞用来表示下标。上标通常使用＜sup＞表示。"
A:对 B:错
A:错 B:对
A:错 B:对
A:对 B:错
A:错 B:对
A:对 B:错
A:对 B:错
A:对 B:错
A:对 B:错
A:错 B:对
A:对 B:错
A:错 B:对
A:错 B:对
A:错 B:对
A:错 B:对
A:错 B:对
A:错 B:对
A:错 B:对
A:对 B:错
A:错 B:对
A:错 B:对
A:对 B:错
A:错 B:对
A:对 B:错
A:错 B:对
A:对 B:错
A:错 B:对
A:对 B:错
AI参考:答案是B:错。在设置边框宽度和边框颜色时，通常需要同时设置边框样式，以确保边框的形状和外观。因此，这个说法是错误的。"
A:对 B:错
A:对 B:错
A:对 B:错
A:对 B:错
A:对 B:错
A:错 B:对
A:错 B:对
A:错 B:对
A:对 B:错
A:对 B:错
A:对 B:错
AI参考:正确答案是B：错。在HTML注释中，“＜!--footer begin--＞”通常表示底部版块区域的开始，而不是结束。因此，这个判断题是错误的。"
A:对 B:错
A:错 B:对
A:对 B:错
A:错 B:对
A:对 B:错
温馨提示支付 ￥3.00 元后可查看付费内容,请先翻页预览!
