为了账号安全,请及时绑定邮箱和手机立即绑定

用ul做横向导航时,该给div ul li a定义什么属性?比如div与ul与li及a的高又有什么关系呢?等等

用ul做横向导航时,该给div ul li a定义什么属性?比如div与ul与li及a的高又有什么关系呢?等等

lyl前端 2016-01-30 23:06:26
查看完整描述

2 回答

?
阿贾大魔王

TA贡献29条经验 获得超28个赞

这个要看你想实现什么样的效果。

div和ul和li和a的高度一般是一样的。

div的话一般就是宽高加背景(在ul里做背景也可以的),有的也会有居中:margin:0 auto,如果有特殊的要求还会有定位(始终在窗口顶端):position:fixed; top:0; left:0

ul一般就是宽高;行高:line-height:(导航高度)px;文字居中:text-align:center; 文字大小: font-size:(一般是14-18px)

li就要浮动:float:left,还有宽高。上面ul里关于文本的属性放到li里也可以。

一般我会为a转块:display:block,写颜色;a:hover写背景色(有的会写文字颜色的变化)。就像慕课网的nav那样,就算鼠标没有放在文字上,而是在周围,依然会有手鼠标出现(转块了),经过以及当前页的a会显示高亮(就是出现背景)。

但如果你想在鼠标在文字上才出现手鼠标,你也可以不转块。但为了方便实现经过的背景变化; a:hover也要做转块写宽高,加背景。但如果你的经过变化里没有背景的变化,只有文字的变化(像是文字变颜色了,加粗了等等),你可以不转块。

属性是你想实现效果决定的,不用让“一般用这些”来限制自己,可以自己尝试一些有意思设计和想法。希望这些对你有帮助

查看完整回答
1 反对 回复 2016-02-02
  • 2 回答
  • 0 关注
  • 2169 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信