1:设置li的display为inline-block,没有让li成为横向排列:原因:定义的id名为navigation,css中用的是nav,作者有修改代码但是没有说明。
2:section部分,我自己看结构,构成为h1+h2+section>img+textarea.但是作者构成为article>p+hgroup>h2+h3其中p里面是img加上文字段落实体。
<hgroup> 标签被用来对标题元素进行分组。
3:利用浮动图片来解决文档和图片不对齐的问题。
4:在recommend区域,我是用h1+ul的方式来布局的。作者是用h2+dl>dt+dd来表示:你可以把<dl>看作<ul>列表的加强版,相当于给每个列表加了句说明。
5:利用
@media screen and (min-width: 450px) and (max-width: 699px) {
#wrapper { width: 100%; }
来进行响应式效果实现。
6:百分比布局公式:目标元素宽度÷上下文元素宽度=百分比宽度