CSS学习（九）——构造颜色、背景和图像

十六进制颜色的简化

例如红色：#ff0000

# ff 00 00

由于第一二、三四、五六位都一样，因此各取一个，也即简写为#f00

很多颜色简化不了，例如：#f0f0f0灰色

区块与内联的转换

在默认情况下，区块标记有<p></p>和<div></div>，内联标记有<span></span><em></em>等等。可以通过display属性将标记在区块和内联之间转换。

display的三种设定值：inline（内联）、block（区块）、none（不占位的隐藏，当设置为none时，标记内的内容会不占位的隐藏起来）

例如CSS代码：span{display:block}，那么标记<span></span>就变成了区块。

为区块添加图像为背景

只需要在区块的CSS代码中添加属性名称background。例如：div{background:url(pic.jpg) no-repeat right bottom;} 表示将区块的背景设置为图片pic.jpg，背景图片填充时不重复，位置放在区块的右下方。

其中，right和bottom可以用百分比或像素来替代。