html和css错题专辑1

1.哪个操作是W3C标准定义的阻止事件向父容器传递:
e.stopPropagation()


DOM中的事件对象:
preventDefault() 取消事件默认行为
stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用。
stopPropagation() 取消事件冒泡对当前节点无影响。
IE中的事件对象:
cancelBubble() 取消事件冒泡
returnValue() 取消事件默认行为

2.关于浮动元素,说法错误的是()
行内元素与浮动元素发生重叠,其边框,背景和内容都会显示在浮动元素之下

: 浮动元素重叠
1、行内元素与浮动元素发生重叠,边框、背景、内容都会显示在浮动元素之上
2、块级元素与浮动元素发生重叠,边框、背景会显示在浮动元素之下,内容会显示在浮动元素之上

3.在做一份调查报告时,要求将问题文类,同一表单内的数据在一组显示,并表明此类型的名称,如何将相同类型的表单进行分组( )
< fieldset>
< br />
< legend>类型名< /legend>
< br />
内容显示
< br />
< /fieldset>

: legend :为 fieldset 元素定义标题(caption)
fieldset :将表单内的相关元素分组。

4.当表单中包含文件上传控件时,需要将enctype设置为()
multipart/form-data

:enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。
属性值

application/x-www-form-urlencoded 在发送前编码所有字符(默认)

multipart/form-data 不对字符编码。 在使用包含文件上传控件的表单时,必须使用该值。

text/plain 空格转换为 “+” 加号,但不对特殊字符编码。

5要运用css3动画,你需要运用什么规则
keyframes

:要运用css3动画,需要运用@keyframes规则和animation属性

6.CSS3新增特性有()
1、CSS3选择器
2、CSS3边框(Borders)
3、CSS3背景
4、CSS3渐变
5、CSS3文本效果
6、CSS3字体(@font-face规则)
7、CSS3转换和变形
1)2D转换方法
2)3D转换属性
8、CSS3过度(transition属性)
9、CSS3动画(@keyframes规则 animation属性)
10、CSS3多列
11、CSS3盒模型
12、CSS3伸缩布局盒模型(弹性盒子)(flexbox)
13、CSS3多媒体查询(@media)

7.置换元素有哪些
img
input
textarea
select

注:
a) 置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。
例如:浏览器会根据< img>标签的src属性的 值来读取图片信息并显示出来,而如果查看(x)html代码,则看不到图片的实际内容;< input>标签的type属性来决定是显示输入 框,还是单选按钮等。 (x)html中 的< img>、< input>、< textarea>、< select>、< object> 都是置换元素。这些元素往往没有实际的内容,即是一个空元素。

置换元素在其显示中生成了框,这也就是有的内联元素能够设置宽高的原因。

b) 不可替换元素:(x)html 的大多数元素是不可替换元素,即其内容直接表现给用户端(如浏览器)。

例如: < label>label中的内容< /label> 标签< label>是一个非置换元素,文字label中的内容”将全被显示。

8.
HTML5新增的表单元素有:

autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、min、multiple、pattern、placeholder、required、step、width。
HTML5新增的标签有:
< article>标签定义外部的内容。
< aside>标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
< audio> 标签定义声音,比如音乐或其他音频流。
< canvas> 标签定义图形,比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
< command> 标签定义命令按钮,比如单选按钮、复选框或按钮。
< datalist> 标签定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表。
< details> 标签定义元素的细节,用户可进行查看,或通过点击进行隐藏。与 < legend> 一起使用,来制作 detail 的标题。该标题对用户是可见的,当在其上点击时可打开或关闭 detail。
< embed> 标签定义嵌入的内容,比如插件。
< figcaption> 标签定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。
< figure> 标签用于对元素进行组合。使用 < figcaption> 元素为元素组添加标题。
< footer> 标签定义 section 或 document 的页脚。典型地,它会包含创作者的姓名、文档的创作日期以及/或者联系信息。
< header> 标签定义 section 或 document 的页眉。
< hgroup> 标签用于对网页或区段(section)的标题进行组合。
< keygen> 标签定义生成密钥。
< mark>主要用来在视觉上向用户呈现那些需要突出的文字。< mark>标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。
< meter> 标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量的范围,既可以在元素的文本中,也可以在 min/max 属性中定义。
< nav> 标签定义导航链接的部分。
< output> 标签定义不同类型的输出,比如脚本的输出。
< progress> 标签运行中的进程。可以使用 < progress> 标签来显示 JavaScript 中耗费时间的函数的进程。
< rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
< rt> 标签定义字符(中文注音或字符)的解释或发音。
< ruby> 标签定义 ruby 注释(中文注音或字符)。
< section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
< source> 标签为媒介元素(比如 < video> 和 < audio>)定义媒介资源。
< summary> 标签包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。
< time> 标签定义日期或时间,或者两者。
< video> 标签定义视频,比如电影片段或其他视频流。

9.下列哪些元素在浏览器默认样式下会加粗文本?
< h1> - < h6> 标签表示 HTML 标题,默认加粗
< th> 标签表示表格的表头,默认加粗文本

:< em> 标签表示强调内容,显示为斜体,但不加粗文本
< caption> 标签表示表格标题,标题一般被居中表格之上,但不加粗文本
strong 重要文本 又粗体又强调内容
em 强调文本
b 粗体文本 不强调内容
big 大号字体效果

10.需要创建一个多选框,且和文本关联起来(单击文本就像单击核选框一样)。下列 HTML 代码中,正确的是?()
< label>< input type=“checkbox” />记住我< /label>
< input type=“checkbox” id=“c1” />< label for=“c1”>记住我< /label>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章