当然了 最后你都先在页面上自己测试下 这样就更清楚了。
好多问题。一个一个来吧1、css背景属性总的说来就一个。 background
其他的 backgroud-image , background-color, background-repeat等等都是它的分之。
用css控制背景，一个background就够了。比如：
background:#f00 url(图片地址) no-repeat
背景色为红色，有图片，图片不重复。如果分开写的话就要写3个属性，很不简洁。
2、盒子模型，其实就是把html的标签比喻成box（盒子）。盒子干嘛的？当然就是装东西的啦。
盒子属性有：
width height，宽高。px为单位。可以理解为内容区域。
padding 内边距。是内容距离盒子边缘的距离。
border边框。就是盒子的“墙壁”
margin 外边距。盒子与周围的其他盒子的距离。
另外，css3多了个圆角。 border-radius 也可以算是盒子模型中的编外分子。
特别强调盒子模型属性都要占位。比如：
#mydiv{
width:200px
height:100px
padding:10px
border:5px #000 solid
margin:30px
}
id为mydiv的标签 内容宽200px，但是它实际要站的宽度是 200+10*2+5*2+30*2=290px
3、浮动，就是给标签添加 float:left/right； 就行了。
浮动的作用就一个，让原本上下排列的结构，变成水平排列。
java不了解，就不回答了。
首先定位div盒子的位子，然后display:none隐藏起来，然后图片调用onclik方法，即在img标签上写<img onclick="$('.div').show()">这样就可以了。注意:$(".div")中间的.div就是你要出现的那个盒子，选择他的class，或者给他个id，表示选择TA。
