AI閻忓繐绻楁禒锟� 闁煎疇妫勯崯鎾村濮樿鲸鏆�
闁糕晝鍠庨幃锟�
闁规亽鍔忓畷锟�CSS样式属性和一般标签属性的不可预知性的测试！_CSS教程
教程Tag：暂无Tag,欢迎添加,赚取U币!
缂備礁娲﹂埅绀慹deCMS閻熸瑥妫濋。鍫曞极濞嗘垟鏌�濞戞梹澹嗛埞鏍⒒閿燂拷 缂佸鍠愬﹢鍥礉閳ヨ櫕鐝� 闂侇偄顦辩紞澶屾兜閺囨氨闉嶉柤杈ㄦ缁憋拷 闁哄啰濮撮崪鏍博濞嗘挻姣愮€规悶鍎遍崣锟�,闁谎勫劤鐎规娊寮堕崘顔兼濞戞挴鍋撻梺娆惧枛閸欏繘寮婚敓锟�!
我们可以通过下面的几个小测试来看看，CSS样式属性和一般标签属性的不可预知性！看一看下边这些CSS写法，是我在过去的时间里见过的一些问题，看你能猜对吗？你最好是先回复一下，说一说你认为的正确答案是什么！然后再看效是什么样的！这样才有意思！
1、猜猜看背景是什么颜色？
答案：
A：red B：blue
你选哪个？
示例代码 [www.mb5u.com]
<style>body{ background:blue}</style>
</head>
<body bgcolor="red">
想一想背景是什么颜色？
</body>
</head>
<body bgcolor="red">
想一想背景是什么颜色？
</body>
2、猜猜看文字是什么颜色？
答案：
A：red B：blue
你选哪个？
示例代码 [www.mb5u.com]
<style>
.red{ color:red}
body{ color:blue}
</style>
</head>
<body class="red">
想一想文字是什么颜色？
</body>
.red{ color:red}
body{ color:blue}
</style>
</head>
<body class="red">
想一想文字是什么颜色？
</body>
3、猜猜看文字是什么颜色？
答案：
A：red B：blue
你选哪个？
示例代码 [www.mb5u.com]
<style>
.red{ color:red}
.blue{ color:blue}
</style>
</head>
<body class="blue red">
想一想文字是什么颜色？
</body>
.red{ color:red}
.blue{ color:blue}
</style>
</head>
<body class="blue red">
想一想文字是什么颜色？
</body>
4、猜猜看文字是什么颜色？
答案：
A：red B：blue
你选哪个？
示例代码 [www.mb5u.com]
<style>
.blue{ color:blue}
.red{ color:red}
</style>
</head>
<body class="red blue ">
想一想文字是什么颜色？
</body>
.blue{ color:blue}
.red{ color:red}
</style>
</head>
<body class="red blue ">
想一想文字是什么颜色？
</body>
5、这个黑条会怎么样？
答案：
A：右边空200px; B：全屏宽度；
你选哪个？
示例代码 [www.mb5u.com]
<style>
#zishu{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="zishu">这个黑条会怎么样？</div>
</body>
#zishu{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="zishu">这个黑条会怎么样？</div>
</body>
6、这个黑条会怎么样？
答案：
A：左边空200px; B：全屏宽度；
你选哪个？
示例代码 [www.mb5u.com]
<style>
#zishu{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="zishu">这个黑条会怎么样？</div>
</body>
#zishu{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="zishu">这个黑条会怎么样？</div>
</body>
假如你认为没有问题了，那就看一下效果吧！建议你先回复一下你的答案再看效果！：）
效果如下：
1、
代码调试框 [www.mb5u.com]
2、
代码调试框 [www.mb5u.com]
3、
代码调试框 [www.mb5u.com]
4、
代码调试框 [www.mb5u.com]
5、
代码调试框 [www.mb5u.com]
6、
代码调试框 [www.mb5u.com]
CSS样式的属性和一般标签属性之间的关系几乎是不可预知的！
相关CSS教程：
- 相关链接：
- 教程说明：
CSS教程-CSS样式属性和一般标签属性的不可预知性的测试！
。