仓酷云

标题: 给大家带来CSS教程(4)：经由过程实例进修CSS背景 [打印本页]

作者: 若相依 时间: 2015-1-16 00:01
标题: 给大家带来CSS教程(4)：经由过程实例进修CSS背景
可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
破洛洛文章简介：本教程先容：1.怎样仅显现一次背景图象，2.怎样安排背景图象，3.怎样利用%来定位背景图象。
本教程先容：1.怎样仅显现一次背景图象，2.怎样安排背景图象，3.怎样利用%来定位背景图象。参考破洛洛关于CSS背景的实际常识：CSS教程(1)：进修CSS背景相干常识。
1、怎样仅显现一次背景图象

本例演示怎样仅显现一次背景图象。
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat
}
</style>
</head>
<body>
</body>
</html>
2、怎样安排背景图象

本例演示怎样在页面上安排背景图象。看到本信息申明该文是经由过程网页教授教养（poluoluo.com）收拾公布的，请不要删失落！
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style>
</head>
<body>
<body>
<p><b>正文：</b>为了在Mozilla中完成此效果，background-attachment属性必需设置为"fixed"。</p>
</body>
</body>
</html>
3、怎样利用%来定位背景图象

本例演示怎样利用百分比来在页面上定位背景图象。
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:30%20%;
}
</style>
</head>
<body>
<p><b>正文：</b>为了在Mozilla中完成此效果，background-attachment属性必需设置为"fixed"。</p>
</body>
</html>

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”。

作者: 若天明 时间: 2015-1-17 14:47
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 小魔女 时间: 2015-1-20 20:33
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

作者: 柔情似水 时间: 2015-1-29 22:47
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

作者: 不帅 时间: 2015-2-6 06:00
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 只想知道 时间: 2015-2-15 17:28
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

作者: 谁可相欹 时间: 2015-3-4 12:36
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 因胸联盟 时间: 2015-3-11 19:39
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

作者: 乐观 时间: 2015-3-27 21:26
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

欢迎光临仓酷云 (http://ckuyun.com/)