如图：

原代码如下：

<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. mysql分表的三种方法

    先说一下为什么要分表当一张的数据达到几百万时,你查询一次所花的时间会变多,如果有联合查询的话,我想有可能会死在那儿了.分表的目的就在于此,减小数据库的负担,缩短查询时间.根据个人经验,mysql执行一 ...

  2. javascript原型Prototype【转】

    转自:http://www.cnblogs.com/starof/p/4190404.html 在javaScript创建对象一文中提到过:用构造函数创建对象存在一个问题即同一构造函数的不同实例的相同 ...

  3. hadoop 2.x 完全分布式搭建

    HDFS HA 集群搭建: DN(DataNode):3个:NN(NameNode):2:ZK(ZooKeeper):3(大于1的奇数个):ZKFC:和NN在同一台机器:JN:3:RM(Resourc ...

  4. 【BZOJ-2342】双倍回文 Manacher + 并查集

    2342: [Shoi2011]双倍回文 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 1799  Solved: 671[Submit][Statu ...

  5. 【poj2761】 Feed the dogs

    http://poj.org/problem?id=2761 (题目链接) 题意 求区间第K大. Solution 和poj2104一模一样. 主席树代码 // poj2761 #include< ...

  6. eclipse各版本代号

    从2006年起,Eclipse基金会每年都会安排同步发布(simultaneous release).同步发布主要在6月进行,并且会在接下来的9月及2月释放出SR1及SR2版本.如下图所示的版本历史: ...

  7. SQLServer2012自增列值跳跃的问题

    2012引入的新特性,重启之后会出现值跳跃的问题,如: 解决的方案: 1.使用序列(Sequence),2012引入的和Oracle一样的特性. 2.更改SQLServer启动服务的启动参数,增加[- ...

  8. 缺陷管理系统mantisbt环境搭建

    mantisbt 搭载在lamp环境下 <VirtualHost *:8000> DocumentRoot "/data/mantisbt" </VirtualH ...

  9. COGS 577 蝗灾

    传送门 时间限制:2 s 内存限制:128 MB DESCRIPTION C国国土辽阔,地大物博......但是最近却在闹蝗灾..... 我们可以把C国国土当成一个W×W的矩阵,你会收到一些诸如(X, ...

  10. Linux nginx 配置 location 语法 正则表达式

    location语法:location [=|~|~*|^~] /uri/ { - }默认:否上下文:server这个指令随URL不同而接受不同的结构.你可以配置使用常规字符串和正则表达式.如果使用正 ...