html5+css3常见面试题(一)

html-css013

html5+css3常见面试题(一),第1张

1. Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

1.声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。

2.严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。

3.在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

4.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

2.

看到这个题目有了兴趣就测试了下,可惜用我以下的样式不支持IE6、IE7,其他浏览器支持;不过题目是死得,工作中不存在这种问题了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<style>

body{font-size:16px}

.li1{float:leftpadding-top:60px}

.li2{float:leftpadding-top:30pxmargin-left:-55px}

.li3{float:leftmargin-left:-55px}

</style>

</head>

<body>

<ol>

<li class="li1">CCCCCCC</li>

<li class="li2">BBBBBBB</li>

<li class="li3">AAAAAAA</li>

</ol>

</body>

</html>