日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

CSS樣式屬性和一般標簽屬性的不可預知性的測試！_CSS教程

編輯Tag賺U幣
教程Tag：暫無Tag,歡迎添加,賺取U幣!
　　我們可以通過下面的幾個小測試來看看，CSS樣式屬性和一般標簽屬性的不可預知性！

　　看一看下邊這些CSS寫法，是我在過去的時間里見過的一些問題，看你能猜對嗎？你最好是先回復一下，說一說你認為的正確答案是什么！然后再看效是什么樣的！這樣才有意思！

　　1、猜猜看背景是什么顏色？

　　答案：
　　A：red 　　B：blue
　　你選哪個？

示例代碼 [m.hl5o.cn]
<style>body{ background:blue}</style>
</head>
<body bgcolor="red">
想一想背景是什么顏色？
</body>

　　2、猜猜看文字是什么顏色？

　　答案：
　　A：red 　　B：blue
　　你選哪個？

示例代碼 [m.hl5o.cn]
<style>
.red{ color:red}
body{ color:blue}
</style>
</head>
<body class="red">
想一想文字是什么顏色？
</body>

　　3、猜猜看文字是什么顏色？

　　答案：
　　A：red 　　B：blue
　　你選哪個？

示例代碼 [m.hl5o.cn]
<style>
.red{ color:red}
.blue{ color:blue}
</style>
</head>
<body class="blue red">
想一想文字是什么顏色？
</body>

　　4、猜猜看文字是什么顏色？

　　答案：
　　A：red 　　B：blue
　　你選哪個？

示例代碼 [m.hl5o.cn]
<style>
.blue{ color:blue}
.red{ color:red}
</style>
</head>
<body class="red blue ">
想一想文字是什么顏色？
</body>

　　5、這個黑條會怎么樣？

　　答案：
　　A：右邊空200px;　　B：全屏寬度；
　　你選哪個？

示例代碼 [m.hl5o.cn]
<style>
#zishu{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="zishu">這個黑條會怎么樣？</div>
</body>

　　6、這個黑條會怎么樣？

　　答案：
　　A：左邊空200px;　　B：全屏寬度；
　　你選哪個？

示例代碼 [m.hl5o.cn]
<style>
#zishu{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="zishu">這個黑條會怎么樣？</div>
</body>


　　假如你認為沒有問題了，那就看一下效果吧！建議你先回復一下你的答案再看效果�。海�

　　效果如下：
1、
代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼 再運行查看效果 ]

2、
代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼 再運行查看效果 ]

3、
代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼 再運行查看效果 ]

4、
代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼 再運行查看效果 ]

5、
代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼 再運行查看效果 ]

6、
代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼 再運行查看效果 ]

　　CSS樣式的屬性和一般標簽屬性之間的關系幾乎是不可預知的！

來源：無憂整理//所屬分類：CSS教程/更新時間：2007-07-19
相關CSS教程：