1、不要过于复杂
页脚和页头的设计有所区别，它并不需要跟页头的导航栏或者BANNER图设计那样过多的注重交互性以及个性化，反而是简洁有力的页脚更加有利于用户体验。通常采用极少的色彩元素并和网站整体风格一致，尽量避免图片背景形式，如需让内容显得丰富些，就选择图标和文字结合的形式来展现，且内容也不宜过多，应简洁。
2、必要的信息不能少
在浏览网站时，可以发现，大多数网站的页脚包含了企业简单业务介绍，联系信息，版权保护以及其它关联网站等等，当用户在网站上没有发现明显的联系方式，他们基本上都会把网页拉到页脚寻找信息，能让他们快速找到目标内容可以减少网站跳出率。
3、合理安排链接
页脚内容对排布和分类要求较高，毕竟所占据的网站板块区域较小，因此要遵循以简洁明了的形式展示最直接和全面的内容，无论是网站基本内容的目录，还是联系方式，有或者是友情链接，最好进行组织分类，通常情况下，这些内容都是以概括的形式展示，更多详细内容以链接跳转的形式，对此要合理安排好链接，保证好用户体验，以防出现死链或者空链。
4、避免头重脚轻
有些网站在建设的过程中并没有明确的页脚概念，往往把页头做得很耀眼，但是整站往下拉，却没有页脚的踪影，又或者是将页脚看作最次要的一部分，所使用的字体小，内容粗略，且没有将文字与背景对比度考虑在内等等，无形中就造成了用户不愉快的阅读体验，按照用户的浏览习惯，从网站页头浏览下来，体验效果都还不错，但一到页脚就一头雾水，这种头重脚轻的现象就造成了用户不好的印象。
5、去掉冗余的装饰
有些网站建设认为页脚的信息内容过于简单则需要强调重点，但是往往这些“强调”会成为页脚设计中的累赘，譬如给链接加上下划线，字体采用特殊效果等等，事实上更多的是造成网站页面的杂乱，因此这些冗余的装饰最好统统去掉，干净整洁反而是一种美。
6、充分利用空间的同时注意留白
网站页脚的设计是在有限的空间内展示最精辟的内容，对于这部分的空间要充分利用起来，对要使用的图标，文字，图片等内容进行排版设计，但在安排这些元素的同时要懂得留白，避免出现密密麻麻的内容扎堆情况，否则影响网站美观的同时也产生了用户阅读困扰。
页脚作为网站建设中重要的一部分，也是建站中不容忽视的一大内容板块，它能为网站传达很多的信息内容，掌握对它的设计技巧还能帮助网站提升用户体验度，因此别忘了它存在的作用和价值。
不太清楚你的意思 如果网页页脚部分 是 div +span 的话 应该是类似与 友情链接 这样的布局是<div class="类名"><span>友链</span><span>友链</span><span>友链</span><span>友链</span></div>剩下的就根据 设计的图纸 赋予样式了
在看css选择器优先级顺序前，我们先来简单说说css基本选择器有哪些?1.标记选择器(如：body,div,p,ul,li)
2.id选择器(如：id=“name”,id=“name_txt”)
3.类选择器(如：id=“name”,id=“name_txt”)
4.后代选择器(如：#head .nav ul li 从父集到子孙集的选择器)
5.子元素选择器(如：div>p ,带大于号>)
6.伪类选择器(如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。)
看完了基本的css选择器类型后，我们接着来看一下css优先级的概念。
当两个规则都作用到了同一个html元素上时，如果定义的属性有冲突，那么应该用谁的值的，用到谁的值谁的优先级就高。
我们来看一下css选择器优先级的算法：
每个规则对应一个初始"四位数"：0、0、0、0
若是 行内选择符，则加1、0、0、0
若是 ID选择符，则加0、1、0、0
若是 类选择符/伪类选择符，则分别加0、0、1、0
若是 元素选择符，则分别加0、0、0、1
算法：将每条规则中，选择符对应的数相加后得到的”四位数“，从左到右进行比较，大的优先级越高。
看完了上述内容，那我们就来看看css选择器优先级的具体排序。
css选择器优先级最高到最低顺序为：
1.id选择器(#myid)
2.类选择器(.myclassname)
3.标签选择器(div,h1,p)
4.子选择器(ul <li)
5.后代选择器(li a)
6.伪类选择(a:hover,li:nth-child)
最后，需要注意的是：
!important的优先级是最高的，但出现冲突时则需比较”四位数“
优先级相同时，则采用就近原则，选择最后出现的样式
继承得来的属性，其优先级最低。
