0 Comments

完美HTML导航条最佳实践(2)

发布于:2013-05-13  |   作者:广州网站建设  |   已聚集:人围观

CSS代码建议

下面是对编写良好的CSS代码收集的三个简单的建议。

1、给<li>标签设置的“height”属性值应等于给<ul>标签设置的“height”属性值,如果高度不一致,会出现多余的空白区域,会破坏页面的美感,可维护性也很差。

广州网站建设,网站建设,广州网页设计,广州网站设计

<li>和<ul>标签的高度属性应该相等
图 3 <li>和<ul>标签的高度属性应该相等

2、如果想完美地垂直对齐文本,只需将<li>标签和<ul>标签的“line-height”属性值设为一样即可。

完美的文本垂直对齐方法 
图 4 完美的文本垂直对齐方法

3、如果想让链接所在的整个区域都可点击,只需将<a>标签的“display”属性设为“block”即可。

广州网站建设,网站建设,广州网页设计,广州网站设计


图 5 让链接所在的整个区域都可点击

 

 

飞机