【网页框架设计】
CSS+div的设计的第一步:
(1)明确页面组成,通过div对页面进行分块,分块内容包括Banner、content(主题内容)、links(菜单导航)和footer(脚注)几个部分,每个部分可以通过不同的id进行标识。
(2)设计页面板式,常见的有双栏板式:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191013113228640.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2poMTk5NzAzMDY=,size_16,color_FFFFFF,t_70)
(3)用CSS定位,对页面进行整体规划,定位的规则是由大到小(body–container)、由上到下、由左到右的位置进行(banner–content–links–footer),每个分块需要注意的属性:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191013123304321.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2poMTk5NzAzMDY=,size_16,color_FFFFFF,t_70)
从大到小,从上到下,从左到右,先排版和定位,然后再添加元素即可