问答方式帮你解决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>
时间: 2025-01-28 04:35:56

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

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

css|解决|网页|问题 看一看下边这些CSS写法,是我在过去的时间里见过的一些问题,看你能猜对吗?你最好是先回复一下,说一说你认为的正确答案是什么!然后再看效是什么样的!  这样才有意思!都答对者,来交大子鼠请你喝可乐! 1.猜猜看背景是什么颜色? 答案:A:red B:blue 你选哪个? <style>body{ background:blue}</style></head><body bgcolor="red">想一想背景是什么颜

xhtml+css网页制作中常见问题解决方法_经验交流

无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

CSS网页制作:各式各样的按钮制作方式

文章简介:CSS网页制作:各式各样的按钮制作方式. 按钮整理网页中通过链接来实现页面的跳转,链接的重要表现形式就是按钮将各式各样的按钮制作方式整理一下. 1,网页中默认的按钮(如表单中的按钮,下拉框,单选按钮,多选按钮,上传按钮等) 2,css基本样式制作的按钮(如添加边框,背景色等) 3,图片制作的按钮a,按钮形状+文字一起的图片按钮b,只有按钮形状,通过html加文字c,各种图标按钮(不是按钮的形状,但有按钮功能)d,两张图片拼接的按钮(一般处理圆角) 4,纯css3样式按钮(圆角,阴影(内

趣味知识:利用CSS进行网页制作中易被忽视的问题

css|网页|问题 关于这篇文章其实早就想写了,只是由于自己太懒才一直拖到现在.主要想谈谈在网页制作中几个比较容易被忽视的问题,算不上什么高深的教程,只是自己平时工作学习中所遇到的问题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了... 1.让你想当然,给你点颜色看看 这个问题其实被很多人忽略,小到个人站点,大到门户网站都有可能犯这个错误.不信想想看,如果你所做的网站背景是白色的,那么你还会记得在 CSS 里写下 Background-color:#ffff

Div+CSS网页制作布局入门

在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图. 下面,我们需要根据构思图来规划一下页面的布局

CSS网页制作技巧:IE浏览器下li的默认高度问题

文章简介:CSS网页制作技巧:IE浏览器下li的默认高度问题. 昨天,在家打开IE7浏览器看"视频导航网"的时候,发现居然有排版错误. 用F12开发者工具看了下,发现 li 的默认高度既然不统一? 用工具看了下,发现火狐高度解析统一为33px,而IE7解析高度根据字的不一样,默认解析的高度为30px,纯数字的解析高度为31px;中英文组合的解析高度为32px; 解决方法一:给LI设置高度后,IE7正常了,但IE6问题依然存在.原来,LI里面还嵌套着A标签,给A也设置一个高度后问题解决.

CSS网页制作实例:有条件的添加hover样式

文章简介:CSS网页制作实例:有条件的添加hover样式. 给元素添加一个hover样式,很简单,我们来看一个透明度的例子吧: 1 2 3 4 5 6 div { opacity: 1.0; } div:hover { opacity: 0.5; } 但是如果我们只是想让当前真正hover了的div显示,而让其他的div模糊呢?假设我们的HTML结构如下: 1 2 3 4 5 <section> <div></div> <div></div> &

Dreamweaver CS3网页制作中的CSS布局规则

虽然webjx.com一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用.建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".".BlueText"和".Bi

CSS网页制作技巧:兼容主流浏览器的背景颜色透明

文章简介:CSS网页制作技巧:兼容主流浏览器的背景颜色透明. 以前都是用jquery来写背景透明,方法简单,但是有缺点,脚本没加载完时,背景颜色是不透明的.如果换成在css里写好的话,效果就很好了..transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持f