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

问答方式帮你解决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 页

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

相关文章:

你感兴趣的文章:

标签云: