如图：

原代码如下：

<div class="allMerchan bgnone">

        <h2 class="ttlm_category">查看所有商品类目</h2>

        <ul>

                    <li class="clearfix">

            <h3><a href="category.php?id=1" title="女装">女装</a></h3>

                        <p>

                                    <a href="category.php?id=5" title="女装">短袖</a>|

                                    <a href="category.php?id=10" title="女装">新品女装</a>|

                                    <a href="category.php?id=15" title="女装">短袖POLO</a>|

                                    <a href="category.php?id=20" title="女装">性感丝袜</a>|

                                    <a href="category.php?id=25" title="女装">短袖T恤</a>|

                                    <a href="category.php?id=30" title="女装">打底裤</a>|

                                    <a href="category.php?id=417" title="女装">裙装</a>|

                                    <a href="category.php?id=418" title="女装">衬衫</a>|

                             </p>

                         </li>

                    <li class="clearfix">

            <h3><a href="category.php?id=2" title="数码">数码</a></h3>

                        <p>

                                    <a href="category.php?id=42" title="数码">手机</a>|

                                    <a href="category.php?id=47" title="数码">数码相机</a>|

                                    <a href="category.php?id=53" title="数码">笔记本</a>|

                                    <a href="category.php?id=58" title="数码">电脑配件</a>|

                                    <a href="category.php?id=64" title="数码">办公</a>|

                                    <a href="category.php?id=69" title="数码">MP4</a>|

                                    <a href="category.php?id=430" title="数码">MP3</a>|

                             </p>

                         </li>

                    <li class="clearfix">

            <h3><a href="category.php?id=3" title="文体">文体</a></h3>

                        <p>

                                    <a href="category.php?id=73" title="文体">户外</a>|

                                    <a href="category.php?id=78" title="文体">运动</a>|

                                    <a href="category.php?id=82" title="文体">玩具</a>|

                                    <a href="category.php?id=87" title="文体">书籍</a>|

                                    <a href="category.php?id=92" title="文体">收藏</a>|

                                    <a href="category.php?id=97" title="文体">宠物</a>|

                                    <a href="category.php?id=427" title="文体">乐器</a>|

                                    <a href="category.php?id=428" title="文体">汽车用具</a>|

                             </p>

                         </li>

                    <li class="clearfix">

            <h3><a href="category.php?id=401" title="配饰">配饰</a></h3>

                        <p>

                                    <a href="category.php?id=412" title="配饰">领带</a>|

                                    <a href="category.php?id=413" title="配饰">围巾</a>|

                                    <a href="category.php?id=414" title="配饰">男款皮带</a>|

                                    <a href="category.php?id=415" title="配饰">女款皮带</a>|

                                    <a href="category.php?id=423" title="配饰">女包</a>|

                                    <a href="category.php?id=424" title="配饰">项链</a>|

                                    <a href="category.php?id=425" title="配饰">钻戒</a>|

                             </p>

                         </li>

                    <li class="clearfix">

            <h3><a href="category.php?id=402" title="家居">家居</a></h3>

                        <p>

                                    <a href="category.php?id=403" title="家居">厨房用品</a>|

                                    <a href="category.php?id=404" title="家居">浴室用品</a>|

                                    <a href="category.php?id=405" title="家居">卧室用品</a>|

                                    <a href="category.php?id=406" title="家居">收纳用品</a>|

                                    <a href="category.php?id=407" title="家居">户外旅行</a>|

                                    <a href="category.php?id=416" title="家居">雪尼尔布垫</a>|

                                    <a href="category.php?id=421" title="家居">床品套装</a>|

                                    <a href="category.php?id=422" title="家居">浴帘</a>|

                             </p>

                         </li>

                </ul>

      </div>

框架代码：

<div class="allMerchan bgnone">

   <h2 class="ttlm_category">查看所有商品类目</h2>

   <ul>

       <li>

            <h3><a>女装</a></h3>

            <p><a>短袖</a></p>

            <p><a>新品女装</a></p>

      </li>

       <li>

            <h3><a>数码</a></h3>

            <p><a>手机</a></p>

            <p><a>数码相机</a></p>

      </li>

   </ul>

</div>

商城常用css分类代码的更多相关文章

  1. discuz内置常用CSS代码分析

    CSS多IE下兼容HACK写法 所有 IE浏览器适用:.ie_all .foo { ... } IE6 专用:.ie6 .foo { ... } IE7 专用:.ie7 .foo { ... } IE ...

  2. 常用css属性记录

    CSS常用属性: 字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD样式 font-style: ...

  3. CSS 分类 (Classification)

    ★★CSS 分类属性 (Classification)★★ ⑴CSS 分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度 ...

  4. 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码

    1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px) ...

  5. 常用 Java 静态代码分析工具的分析与比较

    常用 Java 静态代码分析工具的分析与比较 简介: 本文首先介绍了静态代码分析的基 本概念及主要技术,随后分别介绍了现有 4 种主流 Java 静态代码分析工具 (Checkstyle,FindBu ...

  6. 十五个常用的jquery代码段【转】

    好的文章顶一个 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top 2 $('a.t ...

  7. 十五个常用的jquery代码段

    十五个常用的jquery代码段 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top ...

  8. CSS Hack汇总快查(CSS兼容代码演示)

    文章出处和来源网址:http://www.divcss5.com/css-hack/c284.shtml 以下是常用CSS HACK问题及解决代码-DIV+CSS网支持 1.屏蔽IE浏览器(也就是IE ...

  9. css初始化代码方案

    (从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-24) 为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候 ...

随机推荐

  1. iOS开发--QQ音乐练习,旋转动画的实现,音乐工具类的封装,定时器的使用技巧,SliderBar的事件处理

    一.旋转动画的实现 二.音乐工具类的封装 -- 返回所有歌曲,返回当前播放歌曲,设置当前播放歌曲,返回下一首歌曲,返回上一首歌曲方法的实现 头文件 .m文件 #import "ChaosMu ...

  2. Java设计模式（二） 观察者模式

    观察者模式: 定义了对象之间的一对多依赖,这样一来,当一个对象改变状态时,他的所有依赖者都会受到通知并自动更新. 1,定义事件源接口 package com.pattern.observer; pub ...

  3. Entity Framework Code First （八）迁移 Migrations

    创建初始模型和数据库 在开始使用迁移(Migrations)之前,我们需要一个 Project 和一个 Code First Model, 对于本文将使用典型的 Blog 和 Post 模型 创建一个 ...

  4. JavaScript写一个连连看的游戏

    天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开 最终的效果 ...

  5. php实现木桶排序

    今天重新看了看木桶排序,思路比较简单,这里整理一下,免得下次忘记. 假设要对一组数据 2 2 3 1 6 5 4 进行桶排序. 1．首先选出最小元素1和最大元素6,做一个桶,也就是定义一个1-6的数组 ...

  6. NHibernate中session.update()及session.merge()的区别

    今天的工作中遇到一个奇怪的问题,如下: "a different object with the same identifier value was already associated w ...

  7. poi-处理excel的单元格日期数据

    poi处理excel时,当excel没有明确指明是哪个类型的数据时,poi很可能处理单元格的日期数据时就有可能是一串数字.而使用java程序基本无法转换 以下为对poi处理日期情况一些方面的处理(不是 ...

  8. 关于Android中图片大小、内存占用与drawable文件夹关系的研究与分析

    原文:关于Android中图片大小.内存占用与drawable文件夹关系的研究与分析 相关: Android drawable微技巧,你所不知道的drawable的那些细节 经常会有朋友问我这个问题: ...

  9. Maven项目加载JAR包

    登陆网站找jar包:http://mvnrepository.com/ 1.http://mvnrepository.com/artifact/net.sf.jxls/jxls-core/1.0.6 ...

  10. 3.Android 优化布局(解决TextView布局)

    转载:http://www.jianshu.com/p/d3027acf475a 今天分享一个Layout布局中的一个小技巧,希望看过之后你也可以写出性能更好的布局,我个人的目的是用最少的view写出 ...