小练习：
写两个不同内容的类，分别引用于两个或更多div。
写到这里发现样式真的好多要讲的啊，下篇专门讲吧，今天先讲一点……
二、用矩形模拟网页布局
请看大屏幕：（截图于百度艺术百科的网页）
?
我给周围转web前端的朋友的建议都是，先把PC的布局搞定再去写移动设备端的会轻松一点。
1. 审“题”
拿到设计需求就立马打开PS做东西的事情，反正我是不干的，一般会事倍功半。
同样，拿到网页设计稿也请不要立马开始码字，我们需要审题。
告诉我你看上面那张图片看到了几块吧？
同样，一个网页，无论内容再多，分布也是从大到小慢慢抠出来的。
好吧，说多了晕，来看看我的分法吧，这种思路可能跟你在设计时考虑怎么放东西有点相仿：
?
20px;），其代表的是 上下10px，左右20px;
当有四个值时（例：padding：1px 5px 3px 6px;）,则分别针对 ：上 右 下 左 ，即顺时针方向的值，注意，不是上下左右哦
