- 原则一:CSS定义越少越好
- 原则二:进来用<ul><li>等简单的HTML代码结构
- 原则三:命名尽可能用CSS伪类
- 原则四:一个模块CSS名称不能超过三个
需要改正的写法:
<div class="fenglei"> <div class="fenglei_1 text-center"> <div class="flf"><a href="/widget?id=YMspfl"><img src="~/wwwroot/static/images/ymimg/f5.png" /><br /><span>商品分类</span></a></div> <div class="flf"><a href="/widget?id=YMqd"><img src="~/wwwroot/static/images/ymimg/f3.png" /><br /><span>签到积分</span></a></div> <div class="flf"><a><img src="~/wwwroot/static/images/ymimg/f1.png" /><br /><span>分享</span></a></div> <div class="flf"><a href="/widget?id=YMqhb"><img src="~/wwwroot/static/images/ymimg/f2.png" /><br /><span>抢红包</span></a></div> <div class="flf"><a href="/widget?id=YMxrzq"><img src="~/wwwroot/static/images/ymimg/f4.png" /><br /><span>新人专区</span></a></div> <div style="clear:both;"></div> </div> </div>
修改以后的写法:
<div class="MainNav" key="ZKCloud.Web.Widgets.Core.Common.MainNav.MainNav" area="01"> <ul> @foreach (var item in list) { <li> <a href="@item.Url" target="" title="@item.Title"> <i class="@item.Icon"></i>@item.Name </a> </li> } </ul> </div>
时间: 2024-10-29 00:45:13