站长论坛

标题: 考验你的css功底 [打印本页]

作者: webptr 时间: 2007-10-8 11:37
标题: 考验你的css功底
1、猜猜看背景是什么颜色？

答案：
A：red
B：blue
你选哪个？

程序代码
<style>body{ background:blue}</style>
</head>
<body bgcolor="red">
想一想背景是什么颜色？
</body>

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

答案：
A：red
B：blue
你选哪个？

程序代码
<style>
.red{ color:red}
body{ color:blue}
</style>
</head>
<body class="red">
想一想文字是什么颜色？
</body>

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

答案：
A：red
B：blue
你选哪个？

程序代码
<style>
.red{ color:red}
.blue{ color:blue}
</style>
</head>
<body class="blue red">
想一想文字是什么颜色？
</body>

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

答案：
A：red
B：blue
你选哪个？

程序代码
<style>
.blue{ color:blue}
.red{ color:red}
</style>
</head>
<body class="red blue ">
想一想文字是什么颜色？
</body>

5、这个黑条会怎么样？

答案：
A：右边空200px;
B：全屏宽度；
你选哪个？

程序代码
<style>
#zishu{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="zishu">这个黑条会怎么样？</div>
</body>

6、这个黑条会怎么样？

答案：
A：左边空200px;
B：全屏宽度；
你选哪个？

程序代码
<style>
#zishu{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="zishu">这个黑条会怎么样？</div>
</body>

欢迎光临站长论坛 (http://tzlink.com/bbs/)