本文探讨了HTML元素的层级显示特性，重点在于input元素的优先级，并解释了CSS选择器的工作原理。同时，解析了body标签的背景颜色设置方法以及页面加载过程中DOM树构建和资源加载的顺序。内容涵盖了HTML、CSS和页面加载流程的基础知识。
题目：
input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话正确与否。
正确答案: B 你的答案: B (正确)
T
F
解答：
在html中，帧元素（frameset）的优先级最高，表单元素比非表单元素的优先级要高。
表单元素包括：文本输入框，密码输入框，单选框，复选框，文本输入域，列表框等等；
非表单元素包括：连接（a），div,table,span等。
所有的html元素又可以根据其显示分成两类：有窗口元素以及无窗口元素。有窗口元素总是显示在无窗口元素的前面。
有窗口元素包括：select元素，object元素，以及frames元素等等。
无窗口元素：大部分html元素都是无窗口元素。
题目：
<style type="text/css">
div.demo{
color: black;
}
div.wrap .demo{
color: yellow;
}
div.wrap > .demo{
color: blue;
}
div.wrap + .demo{
color: red;
}
div.demo + .demo{
color: red;
}
</style>
<div class="wrap">
<div class="demo">
Hello
</div>
<div class="demo">
World
</div>
</div>
Hello 和 world 两个单词分别是什么颜色？
正确答案: C
black, black
yellow, blue
blue, red
blue, blue
解答：
-
div.demo 元素与类样式交集选择器 Hello World 为黑色
-
div.wrap .demo 覆盖样式1 Hello World 为黄色
-
div.wrap > .demo 覆盖样式2 Hello World 为蓝色
-
div.wrap + .demo 选择在 div.wrap 后的第一个兄弟元素并且类样式为 .demo 的元素为红色, 没有选中任何元素，此选择器无效
-
div.demo + .demo 选择在 div.demo 后的第一个类样式为 .demo 的兄弟元素 设置为红色, World 变成红色,Hello 还是蓝色
-
.a，.b｛“，”指相同的css样式｝；
.a .b｛“ ”指后代元素｝；
.a>.b｛“>”指子代所有元素｝；
.a + .b｛这个“+”是选择相邻兄弟，叫做“相邻兄弟选择器”
例：h1 + p {margin-top:50px;}这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。｝；
题目：
下面那个选项设置web页面的背景颜色？
正确答案: D
<body background="color-name">
<body backgroundcolor="color-name">
<body bg-color="color-name">
<body bgcolor="color-name">
解答：
body标签的两个属性background和bgcolor，其中background只能写url表示背景图像,bgcolor写背景颜色
Html5不支持，Html4.01已废弃
bgcolor:文档的背景颜色。此方法不符合规范，请使用 CSS 的 background-color 属性替代
题目：
关于页面加载过程，以下描述正确的有哪些？
正确答案: B D
页面加载 html 中的外联样式表时，不会阻塞后面的 JS 代码执行
由于 html 的层次结构已经是树状结构，因此可以实现边加载边生成 DOM 树
修改元素的颜色会造成重绘，同时触发回流
页面所有资源加载完毕后，会触发 onload 事件
解答：
css加载不会阻塞DOM树的解析
css加载会阻塞DOM树的渲染
css加载会阻塞后面js语句的执行
修改颜色不会触发重排（回流）
一个完整的网页加载流程：
(1)解析HTML结构
(2)加载外部脚本script和样式表文件link
//页面中的多个脚本文件采用同步的方式加载 会产生“线程等待”
(3)解析并执行脚本代码
(4)构建HTML DOM模型
(5)加载图片等外部资源文件 //图片等文件以异步线程的方式加载 不会产生等待
(6)页面加载完毕
256
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
