HTML和CSS测验中的错题汇总

一、CSS中的margin内部一共有四个值，他们分别表示？

4个值：上 右 下 左      //当时错误认为上左下右
3个值：上 左=右 下
2个值：上=下 左=右
1个值：上=右=下=左

二、在HTML中，常用于定义图文混排的列表是

dl为键值对列表，适用于图文混排，叫定义列表或者描述列表，与dt和dd搭配使用

ol为有序列表，ul为无序列表，与li搭配使用

三、HTML的内联元素有哪些？

<input><img><a><span><p><label><br><select><textarea>

下面这些感觉很少见，但是属于内联元素<abbr><acronym><b><bdo><big><cite><code><dfn><em><font><i><kbd><q><s><samp><small><strike><strong><sub><sup><tt><u><var>

四、.HTML需要将内容原样输出，下面那个标签可以用于原样输出

<p><text><i><pre>没怎么看懂题目。。。

五、z-index属性可设置标准流中所有重叠元素的堆叠顺序。

考察队z-index的知识点，刚好这个是我的盲区。大概汇总一下：

堆叠顺序（z-index）
在使用定位布局时，可能会出现盒子重叠的情况；加了定位的元素，默认层级会高于普通元素；通过 z-index 层叠等级属性可以调整盒子的堆叠顺序

z-index 相关特性
该属性的属性值为数值类型是正整数，可以是正数、负数、0、或负整数，不需要加单位
默认值为 0
数值越大层级越高，值最大的显示在最前面
如果属性值相同，后设置的显示在最前面
需要注意的是：z-index 只能应用于相对定位、绝对定位和固定定位的元素，对于标准流、浮动和静态定位无效

同时注意一下相对定位、绝对定位和固定定位之间的区别：

• 相对定位：

relative属性值，相对自身原来位置进行偏移，偏移设置：top、left、right、bottom
这个里面top设置正值，是向下面进行移动，负值是向上面进行移动的。所有的方向都一样。

•  相对定位元素的规律：

1. 设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位置
2. 设置相对定位的盒子仍在标准文档流中，它对父级盒子和相邻的盒子都没有任何影响
3. 设置相对定位的盒子原来的位置会被保留下来

• 绝对定位：

absolute属性值，偏移设置： left、right、top、bottom
与上边的属性类似

•  绝对定位元素的规律：

1. 使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移
2. 如果没有已经定位的祖先元素，会以浏览器窗口为基准进行定位
3. 绝对定位的元素从标准文档流中脱离，这意味着它们对其他元素的定位不会造成影响
4. 元素位置发生偏移后，它原来的位置不会被保留下来

• 固定定位：

fixed属性值，偏移设置： left、right、top、bottom
类似绝对定位，不过区别在于定位的基准不是祖先元素，而是浏览器窗口

•  固定定位元素的规律：

1. 相对于自己的初始位置来定位元素位置发生偏移后，它原来的位置会被保留下来
2. 层级提高，可以把标准文档流中的元素及浮动元素盖在下边
3.  相对定位的使用场景。相对定位一般情况下很少自己单独使用，都是配合绝对定位使用，为绝对定位创造定位父级而又不设置偏移量

六、<i></i>和<em></em>都用来表示文字以斜体方式显示，但是一般推荐使用< i >

表述错误。一般推荐<em>

标签	文字效果
<b></b>、<strong></strong>	文字以粗体方式显示（推荐使用strong标签，不仅加粗显示，还有强调的意义）
<i></i>、<em></em>	文字以斜体方式显示（推荐使用em标签）
<s></s>、<del></del>	文字以加删除线显示（推荐使用del）
<u></u>、<ins></ins>	文字以加下划线方式显示（不推荐使用u）