1、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度。
A、display:inline B、display:noneC、display:block D、display:inherit
【知识点:display属性】
值描述none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。(CSS2.1 新增的值)list-item此元素会作为列表显示。run-in此元素会根据上下文作为块级元素或内联元素显示。compactCSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。markerCSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。table此元素会作为块级表格来显示(类似 ),表格前后带有换行符。inline-table此元素会作为内联表格来显示(类似 ),表格前后没有换行符。table-row-group此元素会作为一个或多个行的分组来显示(类似 )。table-header-group此元素会作为一个或多个行的分组来显示(类似 )。table-footer-group此元素会作为一个或多个行的分组来显示(类似 )。table-row此元素会作为一个表格行显示(类似 )。table-column-group此元素会作为一个或多个列的分组来显示(类似 )。table-column此元素会作为一个单元格列显示(类似 )table-cell此元素会作为一个表格单元格显示(类似 和 )table-caption此元素会作为一个表格标题显示(类似 )inherit规定应该从父元素继承 display 属性的值。2、css属性overflow属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。
A、True
B、False
【知识点:css-overflow属性】
值描述scroll必须出现滚动条auto子元素内容>父元素时,出现滚动条visible默认值,溢出的内容出现在父元素之外hidden溢出的内容隐藏
inherit 继承父元素的 overflow 属性的值
3、标签下target属性
在html中通过标签打开一个链接,通过 标签的 target 属性规定在何处打开链接文档。
如果在标签中写入target属性,则浏览器会根据target的属性值去打开与其命名或名称相符的 框架或者窗口,在target中还存在四个保留的属性值如下:
【知识点:-target属性 】
值描述_blank在新窗口中打开被链接文档。_self默认值,在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。
4、下列js可以让一个input的背景颜色变成红色的是?
A、inputElement.style.backgroundColor = 'red';
B、inputElement.backgroundColor = 'red';
C、inputElement.style.backgroundColor = '#0000';
D、inputElement.backgroundColor = '#0000';
【知识点:js-input 颜色设置】
一、先看题:
用js让一个input的背景颜色变成红色。
二、思路:
- 获取该元素
- 通过该元素拥有的属性或方法来改变元素的样式。
三、细节:
- 获取元素可以借助document.getElementById()/document.getElementsByTagName()等若干方法,也可以利用层级关系(父子关系、兄弟关系等)。而这一点题目已经直接略过了,它直接给出了该元素的引用名称inputElement。
- 通过js来改变元素样式的两个最常见的API为:style、className。使用style接口一次只能改变一个样式,而使用className则可以同时改变多个样式,当然前提是已经用css定义该类名的相关样式。
- backgroundColor? background-color? 简单说一下:在使用点运算符时,浏览器看到“-”就没法正确解析了,在那种情况下,只能将该变量使用驼峰命名法来表示。而使用方括号表示法,"-"被理解为字符串中的内容,该字符串能被正确解析。 eg:
inputElement.style.backgroundColor = 'red'; // 这是没问题的 inputElement.style.background-color = 'red'; // 这是错的,浏览器看不懂啊... inputElement.style["background-color"] = 'red'; // 这也是可以的
- 表示红色有若干种方法:
- 颜色名:red
- 百分数:rgb(100%, 0%, 0%)
- 数值:rgb(255, 0, 0)
- 十六进制:#FF0000
- 简写的十六进制:#F00
5、下述有关css属性position的属性值的描述,说法错误的是?
A、static:没有定位,元素出现在正常的流中
B、fixed:生成绝对定位的元素,相对于父元素进行定位
C、relative:生成相对定位的元素,相对于元素本身正常位置进行定位。
D、absolute:生成绝对定位的元素,相对于 static 定位以外的第一个祖先元素进行定位。
【知识点:css-position属性】
CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。
详见:【知识点:css-position属性】
6、下面有关JavaScript中 call和apply的描述,错误的是?
A、call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性
B、两者传递的参数不同,call函数第一个参数都是要传入给当前对象的对象,apply不是
C、apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入
D、call传入的则是直接的参数列表。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象
【知识点:js-call&apply】
1.相同:两个产生的作用是完全一样
2.区别:两个接收参数的方式不同
对于call(),第一个参数是运行函数的作用域,其余参数都直接传递给函数即传递给函数的参数必须逐个列举出来。
对于apply(),第一个参数是 运行函数的作用域 ,另一个参数是参数数组,可以是Array实例或arguments对象。
function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34