背景图为什么不直接放在content里面要新添加一个book

Beckybei

2015-02-14

源自：网页布局基础 2-2

关注问题我要回答

1967

操作

收起

2 回答

凯百万
2015-02-14

因为那个背景是紧跟着图片的，如果这部分不用book包裹起来就没有了"重用性"，布局时不仅要考虑当前网页的内容，还要考虑整个网站其他页面的内容，假如别的地方也有这样的布局，就可以直接将book复制过去了。加不加包裹层，写多了就会根据实际需要进行判断了

3 回复有任何疑惑可以回复我~

收起回答

Beckybei 提问者

谢谢！

2015-02-14 回复有任何疑惑可以回复我~

Beckybei 提问者

麻烦再问一下这个案例之中的外部样式里面有最后一句 .book img{border:1px solid #b1adaa; margin:10px 18px;} 但是这个被book定义的背景图并没有边框线是为什么呢我试验过把.book删除后页面不会有变化那这里.book为什么要和img放在一起呢谢谢

2015-02-14 回复有任何疑惑可以回复我~

凯百万
2015-02-14

.book img{border:1px solid #b1adaa; margin:10px 18px;} 是对 .book下面的元素img进行设置属性的，背景图不属于元素哦。因为是1px边框，所以变化不明显，假如是2px 3px肯定就很明显了。

2 回复有任何疑惑可以回复我~

收起回答

Beckybei 提问者

那直接打img就可以了为什么还要打.book呢

2015-02-15 回复有任何疑惑可以回复我~

凯百万回复 Beckybei 提问者

原来你是这个意思啊,带有.book时其他地方的img就不会继承此处的样式了.如果直接用img,这里就变成了全局公共样式.也就是说无论你在哪个页面,只要引用了这个css样式,那么这些页面的img标签全都有border:1px solid #b1adaa; margin:10px 18px;样式,这样对代码维护很不利.所以公共样式不能随便定义,也就是需要具备考虑整个网站布局的能力.写多了你就能慢慢体会了.

2015-02-15 回复有任何疑惑可以回复我~

Beckybei 提问者回复凯百万

非常感谢

2015-02-15 回复有任何疑惑可以回复我~