原則一：CSS定義越少越好

原則二：進來用<ul><li>等簡單的HTML代碼結(jié)構(gòu)

原則三：命名盡可能用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>新人專區(qū)</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>

?

轉(zhuǎn)載于:https://www.cnblogs.com/zkcloud/p/5642258.html

總結(jié)

以上是生活随笔為你收集整理的模块制作标准说明的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。