后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

为了代码清晰,不要把DIV用滥掉

设计师 分享 ... (shuke.2013-09-15 08:24)
在美工排版时,常常以会DIV+CSS排版为骄傲。如果再常用点拼图排版,那就更觉的OK了。
于是乎,就可以看到DIV 不停的嵌套DIV,更多的层出现了。读改代码也很困难。不能很清晰的看出来。
当然有人说了,每个DIV 前可以空出不同的空间来看。但是这只让写代码的人觉得很讨厌。
现在有个清新的方法,可以实现
<div>
<h2></h2>
<ul>
<li></li>
</ul>
<span></span>
<p></p>
<dl>
<dt></dt>
<dd></dd>
</dl>
</div>

可以看出来,每个模块用一个DIV的大的框架,里面的各个元素尽量不要用DIV而用其它的。
行内尽量用SPAN,换行的用BR 与P,写框架在用P时记着要给要去了P标签的外边距。
.p{margin:0;}


2 楼 shuke[2015-03-31 11:22]
在实际应用的过程中,发现以下方法比较实用
<dl>
        <dt><h2><span class=""></span></h2></dt>
        <dd>
        <p></p>
        <ul>
                <li><span class=""></span></li>
                <li></li>
        </ul>
        <div class=""></div>
        </dd>
</dl>

dt作为通栏,dd作为分栏;
进度:100% 返回设计师

通往优秀 UI 设计师之路的 20 个路标

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME