美工学习的心得—padding

     话说人挪活,树挪死,来到了新的单位,工资增长了,环境更好了,遇到了一个好老板和好同事干活更有劲了。不过我还是做美工。

     首先领导要我做首页,首页有新闻、公告、日历、提醒和日程。本来想用流行的分块的DIV做,老板喜欢用表格于是我改用表格做首页了。

     首页的新闻要有图片,我做出来了图片自动切换的js效果,并且图片下面带按钮,鼠标停到那个按钮则出现那个相应的图片。下面说说两天心得:

     1、发现padding的属性在各个浏览器是不同的,在IE里设置了padding不会增大DIV的大小,但在火狐和谷歌浏览器设置了padding会是DIV相应的增大了大小,为什么要这样,其实IE的设计更好啊。于是我舍弃了padding,使用了图片设margin的方法。

     2、 把一个DIV的设定position:absolute,则此DIV将脱离原来的位置,可以设定Top、bottom、left、right的值设定此DIV在包含他的容器中的位置。包含他的容器一定是他的父节点之一,而且此节点的position值不能为static,而static是默认值。如果他所有的父节点都是static而他的包含box就是body。

     3、鼠标放到按钮上变成手型:cursor:hand,此属性火狐浏览器不能用!使用cursor:pointer;这个火狐、IE7、谷歌都可以。

 

 

你可能感兴趣的:(网页美工,div,浏览器,ie,日历,公告)