CSS樣式屬性和一般標(biāo)簽屬性的不可預(yù)知性的測(cè)試!_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
我們可以通過下面的幾個(gè)小測(cè)試來看看,CSS樣式屬性和一般標(biāo)簽屬性的不可預(yù)知性!
看一看下邊這些CSS寫法,是我在過去的時(shí)間里見過的一些問題,看你能猜對(duì)嗎?你最好是先回復(fù)一下,說一說你認(rèn)為的正確答案是什么!然后再看效是什么樣的!這樣才有意思!
1、猜猜看背景是什么顏色?
答案:
A:red B:blue
你選哪個(gè)?
2、猜猜看文字是什么顏色?
答案:
A:red B:blue
你選哪個(gè)?
3、猜猜看文字是什么顏色?
答案:
A:red B:blue
你選哪個(gè)?
4、猜猜看文字是什么顏色?
答案:
A:red B:blue
你選哪個(gè)?
5、這個(gè)黑條會(huì)怎么樣?
答案:
A:右邊空200px; B:全屏寬度;
你選哪個(gè)?
6、這個(gè)黑條會(huì)怎么樣?
答案:
A:左邊空200px; B:全屏寬度;
你選哪個(gè)?
假如你認(rèn)為沒有問題了,那就看一下效果吧!建議你先回復(fù)一下你的答案再看效果�。海�
效果如下:
1、
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
2、
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
3、
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
4、
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
5、
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
6、
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
CSS樣式的屬性和一般標(biāo)簽屬性之間的關(guān)系幾乎是不可預(yù)知的!
看一看下邊這些CSS寫法,是我在過去的時(shí)間里見過的一些問題,看你能猜對(duì)嗎?你最好是先回復(fù)一下,說一說你認(rèn)為的正確答案是什么!然后再看效是什么樣的!這樣才有意思!
1、猜猜看背景是什么顏色?
答案:
A:red B:blue
你選哪個(gè)?
示例代碼 [www.hl5o.cn]
<style>body{ background:blue}</style>
</head>
<body bgcolor="red">
想一想背景是什么顏色?
</body>
</head>
<body bgcolor="red">
想一想背景是什么顏色?
</body>
2、猜猜看文字是什么顏色?
答案:
A:red B:blue
你選哪個(gè)?
示例代碼 [www.hl5o.cn]
<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
你選哪個(gè)?
示例代碼 [www.hl5o.cn]
<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
你選哪個(gè)?
示例代碼 [www.hl5o.cn]
<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、這個(gè)黑條會(huì)怎么樣?
答案:
A:右邊空200px; B:全屏寬度;
你選哪個(gè)?
示例代碼 [www.hl5o.cn]
<style>
#zishu{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="zishu">這個(gè)黑條會(huì)怎么樣?</div>
</body>
#zishu{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="zishu">這個(gè)黑條會(huì)怎么樣?</div>
</body>
6、這個(gè)黑條會(huì)怎么樣?
答案:
A:左邊空200px; B:全屏寬度;
你選哪個(gè)?
示例代碼 [www.hl5o.cn]
<style>
#zishu{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="zishu">這個(gè)黑條會(huì)怎么樣?</div>
</body>
#zishu{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="zishu">這個(gè)黑條會(huì)怎么樣?</div>
</body>
假如你認(rèn)為沒有問題了,那就看一下效果吧!建議你先回復(fù)一下你的答案再看效果�。海�
效果如下:
1、
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
2、
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
3、
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
4、
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
5、
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
6、
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
CSS樣式的屬性和一般標(biāo)簽屬性之間的關(guān)系幾乎是不可預(yù)知的!
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- XHTML入門學(xué)習(xí)教程:表單標(biāo)簽
- XHTML標(biāo)準(zhǔn)要點(diǎn)詳細(xì)介紹
- HTML5的結(jié)構(gòu)和語(yǔ)義——結(jié)構(gòu)(二)
- 動(dòng)態(tài)修改框架(frame)src屬性的方法
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- HTML高級(jí)教程聲明
- HTML表格標(biāo)記教程(25):行的垂直對(duì)齊屬性VALIGN
- HTML和CSS在Flash中的應(yīng)用
- HTML表格標(biāo)記教程(5):亮邊框色屬性BORDERCOLORLIGHT
- HTML表單里的Label標(biāo)簽
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS樣式屬性和一般標(biāo)簽屬性的不可預(yù)知性的測(cè)試!
。