龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

问答方式帮你解决CSS网页制作中的基础问

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
看一看下边这些CSS写法,是我在过去的时间里见过的一些问题,看你能猜对吗?你最好是先回复一下,说一说你认为的正确答案是什么!然后再看效是什么样的! 这样才有意思!都答对
看一看下边这些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>
#webjx{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="webjx">这个黑条会怎么样?</div>
</body>
6、这个黑条会怎么样?
答案:
A:左边空200px;
B:全屏宽度;
你选哪个?
<style>
#webjx{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="webjx">这个黑条会怎么样?</div>
</body>
如果你认为没有问题了,那就看一下效果吧!建议你先回复一下你的答案再看效果!:)
效果如下:

<style>body{ background:blue}</style>
</head>
第 1 2 页
精彩图集

赞助商链接