jimdo技巧：自定义模板背景颜色和背景图片的设置

     所谓CSS，是Cascading Style Sheet 的缩写，译作“层叠样式表单”，简称“样式表”，是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

     jimdo模板采用CSS+DIV（HTML）结构，背景颜色和背景图片的设置，都是在CSS里进行的。

     背景的属性是background，它是一个复合属性，包含很多参数，比如color、image、repeat等等，可以统一简写为background。详细内容请看CSS手册，这里只简单介绍一下使用。

一、背景颜色

     一般简写为 background:#xxx，或background:#xxxxxx，其中“X”为十六进制的“0-F”，也可以用三基色RGB或英文单词表示。

     比如设置背景色为白色，则表示为 backgrund:#fff，或backgrund:#ffffff，这个比较简单。

二、背景图片

     一般简写为 background: url(url)，使用绝对或相对url地址指定背景图片。

     另外，设置背景图片时，往往要同时给背景加上背景色，这时候，背景色处于底层，背景图片位于背景色之上。

     下面举个实例，这样可能容易明白一些，比如：

     background:#ccc url(bg.jpg) top left no-repeat；

     它的意思是：

     1、使用#CCC(灰度色)作为整个层的底色，使用 bg.jpg 做为背景图片，它覆盖在背景色之上；
     2、top left 表示图片位于当前层的左上端，no-repeat 表示仅显示图片大小而不填充满整个层；如果是 repeat-x，则表示在水平方向上填充整个层，repeat-y表示在垂直方向上填充整个层。

     在jimdo网站上，它实际上存在着三个层。

     1、body 它处于网页的最底层，相当于一张画的画布。我们用浏览器打开一个网页时，首先看到的就是这一层。很多版面宽度不够显示器全屏的网页，两边显示出来的空白区，就是这一层。

     2、container 它的意思是容器，也就是一个网页的内容，都是建立在这一层上的，而它又是处于body之上的。我们说的版面宽度，就是由它决定的。

     3、header（头部）、navigation（导航栏）、content（内容区）、sidebar（广告盒）、footer（底部） 这些网页的实际内容，它们处于同一层，处于最顶层。

     上述三层，都可以在CSS里对它们设置背景色和背景图片。写到这里，也告诉大家一个技巧，就是我们在调试代码时，可以临时给各个层加上不同的背景色，从而很直观的看到各个层、各个部分在位置上是否存在问题，以便于调整。

     以上内容只是本人的一点学习心得，不一定完全正确，仅供感兴趣的朋友参考。

本文转自网上邻居