先给定一个代码段
<div class="one">
<div class="two">
<div class="three">
<div><a href="....">12</a></div>
<div><a href="....">12</a></div>
<div><a href="....">12</a></div>
</div>
</div>
</div>
作为门户页面,页面整体布局不用想不能很乱,同样不能过于凌乱,简而言之就是整体给人小清新的感jiao,你太乱,顾客会觉得你这页面说了半天说不到重点,你这太乱,又会觉得这设计者都不那摩得体,往后更不用想,所以布局,是前端的基础。
那么就拿上例做基础,N个div,要让这呈现出1200px且内容位于正中间,怎么做?
它来了,设置办法就是:1、设置最外层div的宽度为100%,且margin:0 auto
2、其后在该div下一层的div中设置宽度为1200px
那么关于门户的大体布局就是这样咯。
(拓展)
一个关于前端的小手!没错小手,可见很多链接在鼠标滑入一个div都会将箭头变成小手,触感很客观,那么我们这怎么设计呢?
没错,它又来了。
div a:hover{
cursor: pointer;
}