相关疑难解决方法(0)

如果使用DOCTYPE,则未正确应用Css样式

1)Css样式没有正确应用到我的HTML页面,如果我在html上添加特定版本,如HTML5,HTML4.1严格等,如果我删除所有DOCTYPE语句,它工作正常.

我的HTML代码(没有DOCTYPE正确显示):

<html> 
<head>
<title>Test</title>
</head>
<body style="background-color:green;height:100%;width:100%;">
<div>My Test page</div>
<div style="background-color:red;height:100%;width:10%;"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我的HTML代码(背景颜色为红色未应用DOCTYPE):

<!DOCTYPE html>
<html> 
<head>
<title>Test</title>
</head>
<body style="background-color:green;height:100%;width:100%;">
<div>My Test page</div>
<div style="background-color:red;height:100%;width:10%;"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

另外,我试过代替HTML5,XHTML 1.0严格,

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
Run Code Online (Sandbox Code Playgroud)

和,

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Run Code Online (Sandbox Code Playgroud)

但不适用任何一个.如何正确添加版本.

2)也是现在最好的版本.带有XHTML的HTML5或html4.01或HTML 4.01?

html css html5 css3

11
推荐指数
2
解决办法
2万
查看次数

<h1>小于firefox和chrome中的<h2>

最新更新的代码在这里:http://pastebin.com/TJweMgtL

从左边开始,IE 8,Chrome,Firefox 5 ..你可以看到只有IE8才能正确显示h1h2元素.

在此输入图像描述

你们有什么感想?是什么导致了问题?我有不匹配的标签吗?谢谢!


编辑 H1和H2在HTML4中没问题.我猜这是一个浏览器问题?


新的更新

我删除了大部分不必要的代码,只留下了与问题相关的内容.在此先感谢您的帮助!

最新更新的代码在这里:http://pastebin.com/TJweMgtL

firefox html5 google-chrome

5
推荐指数
1
解决办法
5850
查看次数

标签 统计

html5 ×2

css ×1

css3 ×1

firefox ×1

google-chrome ×1

html ×1