html中选中的背景色怎么设置 像图中进入主页 第一个背景就是蓝色，进入关于我们 ，对应的也是蓝色

html-css04

html中选中的背景色怎么设置 像图中进入主页 第一个背景就是蓝色，进入关于我们 ，对应的也是蓝色,第1张

很明显,你图中的那个蓝色是用的背景图,而不是纯色的背景色,而且不只背景色,字体色也是白的,不是黑的.这个是用CSS控制背景图和字体颜色实现的.

.selected {

background-image:url('蓝色背景图文件')

color: #FFFFFF

}

.other {

background-image:url('白色背景图文件')

color: #000000

}

当前项应用selected样式,其它项应用other样式,就行了.

在body中加入background: bluecolor: #fff样式就可以使整个页面都是这样的效果了。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body style="background: blue color: #fff">

</body>

<p>背景颜色为蓝色 ，字体颜色为白色</p>

</html>

mBg.jpg!我是这么起的！我的命名：

通常主页和内页有相同的图片，即用h和i进行区别，即 hBg.jpg 　 iBg.jpg!

其他的，bg.jpg　header.jpg　container.jpg　footer.jpg　nav.jpg　navCur　menu.jpg　banner.jpg 通用的jpg命名

另外有，menu_1.jpg　menu_01.jpg ,menu_1 是menu a 中的背景，01则是menu a:hover的背景

一些后台要进行替换的不重要的展示图片则用 p100x100.jpg（宽高命名）或p1.jpg　p2.jpg……

其他的多以层名字进行命名！好区别，另外多注意下布局的结构命名！