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

lyl前端
浏览 2170回答 2
2回答

阿贾大魔王

这个要看你想实现什么样的效果。div和ul和li和a的高度一般是一样的。div的话一般就是宽高加背景(在ul里做背景也可以的),有的也会有居中:margin:0 auto,如果有特殊的要求还会有定位(始终在窗口顶端):position:fixed; top:0; left:0ul一般就是宽高;行高:line-height:(导航高度)px;文字居中:text-align:center; 文字大小: font-size:(一般是14-18px)li就要浮动:float:left,还有宽高。上面ul里关于文本的属性放到li里也可以。一般我会为a转块:display:block,写颜色;a:hover写背景色(有的会写文字颜色的变化)。就像慕课网的nav那样,就算鼠标没有放在文字上,而是在周围,依然会有手鼠标出现(转块了),经过以及当前页的a会显示高亮(就是出现背景)。但如果你想在鼠标在文字上才出现手鼠标,你也可以不转块。但为了方便实现经过的背景变化; a:hover也要做转块写宽高,加背景。但如果你的经过变化里没有背景的变化,只有文字的变化(像是文字变颜色了,加粗了等等),你可以不转块。属性是你想实现效果决定的,不用让“一般用这些”来限制自己,可以自己尝试一些有意思设计和想法。希望这些对你有帮助
打开App,查看更多内容
随时随地看视频慕课网APP