账号通
    

账号  

密码  

2052

查看

6

回复
主题:[求助]标签中DIV+CSS输出的应用? [收藏主题] 转到:  
wsdx 当前离线

153

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1692 分
登录次数:157 次
注册时间:2006/10/4
最后登录:2010/3/3
wsdx 发表于:2008/7/27 19:48:00   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)

标签中DIV+CSS输出的很有用,科汛官方说必须懂或先学会CSS才能用,可好多朋友并不懂这个技术。

我对此也是一知半解,希望热心的朋友能仅就标签中(见图)涉及到的CSS知识做些介绍,举些例子。也许对大家有所帮助!


此主题相关图片如下:image00001.jpg
image00001.jpg

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wsdx 当前离线

153

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1692 分
登录次数:157 次
注册时间:2006/10/4
最后登录:2010/3/3
wsdx 发表于:2008/7/28 17:42:00   | 只看该作者 查看该作者主题 沙发 
谢谢楼上的热心朋友
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cngothic 当前离线

101

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1390 分
登录次数:78 次
注册时间:2007/9/7
最后登录:2010/8/25
cngothic 发表于:2008/7/28 13:35:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线商城系统(NET)

代码1:

<ul>

<li>aaaaaaaa</li>

<li>bbbbbbb</li>

</ul>

代码1:

<div>

<ul>

<li>aaaaaaaa</li>

<li>bbbbbbb</li>

</ul>

</div>

这两种经过样式后。视觉效果一样。你是选择代码1还是代码2.我肯定选择1.这更简洁

 

代码3:

<dl>

 <dt>title></dt>

 <dd>aaaaaaaaa</dd>

 <dd>aaaaaaaaa</dd>

</dl>

代码4:

<div>

<h3>title</h3>

<ul>

<li>aaaaaaaaaaa</li>
<li>bbbbbbbbbb</li>

</ul>

</div>

代码3与代码4经过CSS时效果一样。我会选择3.不用界面只看代码就知道代码3所描述的是有标题的列表。而代码4就不一样是。

再写个复杂些的 http://www.xiaoyouxi.com/down/sort/680/680_1.htm 游戏列表我会写成

 

<dl>

  <dt>您的位置:XiaoYouXi.COM首页>> 益智小游戏>></dt>

  <dd>

      <dl>

         <dt><img src=""></dt>

         <dd>

            <p>益智类每日更新</p>

            <p>推荐Game.com.cn益智类小游戏每日更新</p>

          <dd>

      </dl>

  </dd>

  <dd>

      <dl>

         <dt><img src=""></dt>

         <dd>

            <p>益智类每日更新</p>

            <p>推荐Game.com.cn益智类小游戏每日更新</p>

          <dd>

      </dl>

  </dd>

</dl>

 

代码从简洁与语义上都比较好。现很多人都是滥用ul li。见到貌似列表的就用ul li 。看到块状的就用div。我上面代码中块状用的是<p></p>。写DIV+CSS心态应该是不要为了出现哪种效果而写代码。那是在拼布局不是在写布局。合理的代码还是好的布局。对于SEO方面h3 与 dt的权重问题就多说了。。。

 

你图上的标签很难满足须要。除非你就使用div ul li。如果只用ul li做出来的效果干吗还要加上DIV尼。ul本身就可以当box。这时系统是否会多生成<div></div>尼。代码是否会产生沉积尼? 

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cngothic 当前离线

101

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1390 分
登录次数:78 次
注册时间:2007/9/7
最后登录:2010/8/25
cngothic 发表于:2008/7/28 8:28:00   | 只看该作者 查看该作者主题 板凳 
科汛在线网校系统

回人家问题帖老出些没用的话。有啥用啊。

 

有些页面在做的时候代码形式:

 

<ul>

<li></li>

<li></li>

</ul>

你要用系统标签的话。上面有个<div>。但你本来所做没有DIV。

在语义上来说。

<ul>

<li></li>

<li></li>

</ul>

更简洁与明了。

能够实现效果就不用再加个DIV的BOX。多此一举。还有沉积代码。

这会用自定义SQL标签来做。

让其循环<li></li>部分。

 

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wsdx 当前离线

153

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1692 分
登录次数:157 次
注册时间:2006/10/4
最后登录:2010/3/3
wsdx 发表于:2008/7/28 10:58:00   | 只看该作者 查看该作者主题 报纸 
科汛智能建站系统
楼上的朋友有点意思。谢了!能具体说明下更好。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
阿替 当前离线

43

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:517 分
登录次数:14 次
注册时间:2007/8/28
最后登录:2008/10/14
阿替 发表于:2008/7/28 6:01:00   | 只看该作者 查看该作者主题 地板 
科汛智能建站系统

不懂时候很难,懂了很简单。

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hspyc 当前离线

164

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1240 分
登录次数:116 次
注册时间:2007/1/13
最后登录:2017/7/21
hspyc 发表于:2008/7/27 23:19:00   | 只看该作者 查看该作者主题 7楼 
科汛在线商城系统(NET)
先做好样式,然后填上就是了
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.15625秒 powered by KesionCMS 9.0