div+css制作网页内嵌与外链形式对数据的读取不一致吗？
为什么我用div+css做网页框架，用其内嵌式形式网页显示正常，同样一组调试好的数据用外链形式网页就混乱了？我的代码具体如下：<html><head><title>fly...
为什么我用div+css做网页框架，用其内嵌式形式网页显示正常，同样一组调试好的数据用外链形式网页就混乱了？我的代码具体如下：
<html>
<head><title>flying2</title></head>
<body>
<table width="1000" align="center">
<div id="1" style="border:1px solid;width:1000px;height:200px;"></div>
<div id="2" style="border:1px solid;width:294px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="3" style="border:1px solid;width:494px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="4" style="border:1px solid;width:200px;height:606px;float:right;margin:6px 0px 6px 0px"> </div>
<div id="5" style="border:1px solid;width:294px;height:300px;float:left;margin:0px 6px 6px 0px"> </div>
<div id="6" style="border:1px solid;width:494px;height:300px;float:left;margin:0px 6px 6px 0px"> </div>
<div id="7" style="border:1px solid;width:1000px;height:150px;;margin:0px 6px 0px 0px"> </div>
<div id="8" style="border:1px solid;width:200px;height:606px;float:left;margin:6px 0px 6px 0px"> </div>
<div id="9" style="border:1px solid;width:294px;height:300px;float:right;margin:6px 0px 6px 6px"> </div>
<div id="10" style="border:1px solid;width:494px;height:300px;float:right;margin:6px 0px 6px 6px"> </div>
<div id="11" style="border:1px solid;width:294px;height:300px;float:right;margin:0px 0px 6px 6px"> </div>
<div id="12" style="border:1px solid;width:494px;height:300px;float:right;margin:0px 0px 6px 6px"> </div>
</table>
</body>
</html>
而当我创建了一个div{border:#000 1px solid}的css文件对上面代码的重复部分进行囊括，使用外链式css的时候，运用上面数据调试就显示不正常。具体来说有浮动不正常，和网页无法下翻，进而后面的div不翻页而覆盖第一个div.
<html>
<head>
<title>无标题文档</title>
<link href="flyingstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="1000" align="center">
<div id="1" style="width:1000px;height:200px;"></div>
<div id="2" style="width:294px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="3" style="width:494px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="4" style="width:200px;height:606px;float:right;margin:6px 0px 6px 0px"> </div>
………………………………
</table>
</body>
</html>
css文件为：div{border:#000 1px solid}
运行上面代码到第四步就出现第一个问题，id=4无法浮动到右边。麻烦达人解释一下，不要说缩小一点id4的尺寸，我想知道这是为什么，谢谢。还有关于id的问题，我将id命名为数字时显示是正常的，也就是我原来写的那个比较冗长的代码是运行绝对正常的。 展开
<html>
<head><title>flying2</title></head>
<body>
<table width="1000" align="center">
<div id="1" style="border:1px solid;width:1000px;height:200px;"></div>
<div id="2" style="border:1px solid;width:294px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="3" style="border:1px solid;width:494px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="4" style="border:1px solid;width:200px;height:606px;float:right;margin:6px 0px 6px 0px"> </div>
<div id="5" style="border:1px solid;width:294px;height:300px;float:left;margin:0px 6px 6px 0px"> </div>
<div id="6" style="border:1px solid;width:494px;height:300px;float:left;margin:0px 6px 6px 0px"> </div>
<div id="7" style="border:1px solid;width:1000px;height:150px;;margin:0px 6px 0px 0px"> </div>
<div id="8" style="border:1px solid;width:200px;height:606px;float:left;margin:6px 0px 6px 0px"> </div>
<div id="9" style="border:1px solid;width:294px;height:300px;float:right;margin:6px 0px 6px 6px"> </div>
<div id="10" style="border:1px solid;width:494px;height:300px;float:right;margin:6px 0px 6px 6px"> </div>
<div id="11" style="border:1px solid;width:294px;height:300px;float:right;margin:0px 0px 6px 6px"> </div>
<div id="12" style="border:1px solid;width:494px;height:300px;float:right;margin:0px 0px 6px 6px"> </div>
</table>
</body>
</html>
而当我创建了一个div{border:#000 1px solid}的css文件对上面代码的重复部分进行囊括，使用外链式css的时候，运用上面数据调试就显示不正常。具体来说有浮动不正常，和网页无法下翻，进而后面的div不翻页而覆盖第一个div.
<html>
<head>
<title>无标题文档</title>
<link href="flyingstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="1000" align="center">
<div id="1" style="width:1000px;height:200px;"></div>
<div id="2" style="width:294px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="3" style="width:494px;height:300px;float:left;margin:6px 6px 6px 0px"> </div>
<div id="4" style="width:200px;height:606px;float:right;margin:6px 0px 6px 0px"> </div>
………………………………
</table>
</body>
</html>
css文件为：div{border:#000 1px solid}
运行上面代码到第四步就出现第一个问题，id=4无法浮动到右边。麻烦达人解释一下，不要说缩小一点id4的尺寸，我想知道这是为什么，谢谢。还有关于id的问题，我将id命名为数字时显示是正常的，也就是我原来写的那个比较冗长的代码是运行绝对正常的。 展开
4个回答
展开全部
不知道。我们是直接用：
<head>
<link href="MyDemo.css" （css文件名）rel="stylesheet"（风格样式） type="text/css"（类型） />
</head>
然后在MyDemo.css里面写<style></style>
我们在用这种方式时发现好像body的风格样式似乎用外嵌根本无法用！
知道的就这些，希望对你有帮助！
<head>
<link href="MyDemo.css" （css文件名）rel="stylesheet"（风格样式） type="text/css"（类型） />
</head>
然后在MyDemo.css里面写<style></style>
我们在用这种方式时发现好像body的风格样式似乎用外嵌根本无法用！
知道的就这些，希望对你有帮助！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html部分:
<html>
<head><title>flying2</title>
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="1000" align="center">
<div id="1"></div>
<div id="2"> </div>
<div id="3"> </div>
<div id="4"> </div>
<div id="5"> </div>
<div id="6"> </div>
<div id="7"> </div>
<div id="8"> </div>
<div id="9"> </div>
<div id="10"> </div>
<div id="11"> </div>
<div id="12"> </div>
</table>
</body>
</html>
css部分:
@charset "utf-8";
/* CSS Document */
#1{border:1px solid;width:1000px;height:200px;}
#2{border:1px solid;width:294px;height:300px;float:left;margin:6px 6px 6px 0px;}
#3{border:1px solid;width:494px;height:300px;float:left;margin:6px 6px 6px 0px;}
#4{border:1px solid;width:200px;height:606px;float:right;margin:6px 0px 6px 0px;}
#5{border:1px solid;width:294px;height:300px;float:left;margin:0px 6px 6px 0px;}
#6{border:1px solid;width:494px;height:300px;float:left;margin:0px 6px 6px 0px;}
#7{border:1px solid;width:1000px;height:150px;;margin:0px 6px 0px 0px;}
#8{border:1px solid;width:200px;height:606px;float:left;margin:6px 0px 6px 0px;}
#9{border:1px solid;width:294px;height:300px;float:right;margin:6px 0px 6px 6px;}
#10{border:1px solid;width:494px;height:300px;float:right;margin:6px 0px 6px 6px;}
#11{border:1px solid;width:294px;height:300px;float:right;margin:0px 0px 6px 6px;}
#12{border:1px solid;width:494px;height:300px;float:right;margin:0px 0px 6px 6px;}
这样外链和你写在html里面是一样的！
<html>
<head><title>flying2</title>
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="1000" align="center">
<div id="1"></div>
<div id="2"> </div>
<div id="3"> </div>
<div id="4"> </div>
<div id="5"> </div>
<div id="6"> </div>
<div id="7"> </div>
<div id="8"> </div>
<div id="9"> </div>
<div id="10"> </div>
<div id="11"> </div>
<div id="12"> </div>
</table>
</body>
</html>
css部分:
@charset "utf-8";
/* CSS Document */
#1{border:1px solid;width:1000px;height:200px;}
#2{border:1px solid;width:294px;height:300px;float:left;margin:6px 6px 6px 0px;}
#3{border:1px solid;width:494px;height:300px;float:left;margin:6px 6px 6px 0px;}
#4{border:1px solid;width:200px;height:606px;float:right;margin:6px 0px 6px 0px;}
#5{border:1px solid;width:294px;height:300px;float:left;margin:0px 6px 6px 0px;}
#6{border:1px solid;width:494px;height:300px;float:left;margin:0px 6px 6px 0px;}
#7{border:1px solid;width:1000px;height:150px;;margin:0px 6px 0px 0px;}
#8{border:1px solid;width:200px;height:606px;float:left;margin:6px 0px 6px 0px;}
#9{border:1px solid;width:294px;height:300px;float:right;margin:6px 0px 6px 6px;}
#10{border:1px solid;width:494px;height:300px;float:right;margin:6px 0px 6px 6px;}
#11{border:1px solid;width:294px;height:300px;float:right;margin:0px 0px 6px 6px;}
#12{border:1px solid;width:494px;height:300px;float:right;margin:0px 0px 6px 6px;}
这样外链和你写在html里面是一样的！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
标签上的style优先级比外联的样式优先级要高，所以你应该把网页代码中标签上的style删掉，然后用外联，外联方式代码<link href="css.css" rel="stylesheet" type="text/css" />
id最好也使用字母
id最好也使用字母
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一帮菜鸟回答的是什么？
问题明显出在你的
id上，id是不能直接数字打头的。可以是下滑线，可以是字母。
之所以你css
inline模式能显示，那是因为你没用
id，那个id是不合法的，所以你external
css就不起作用
问题明显出在你的
id上，id是不能直接数字打头的。可以是下滑线，可以是字母。
之所以你css
inline模式能显示，那是因为你没用
id，那个id是不合法的，所以你external
css就不起作用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
