如图：

原代码如下：

<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. [转]为什么我要用 Node.js? 案例逐一介绍

    原文地址:http://blog.jobbole.com/53736/ 介绍 JavaScript 高涨的人气带来了很多变化,以至于如今使用其进行网络开发的形式也变得截然不同了.就如同在浏览器中一样, ...

  2. Swift开发小技巧--TabBar中间按钮的添加方案

    TabBar中间按钮的添加方案 之前做百思项目的时候,也有一个中间按钮,当时是重写的TabBar,这里介绍一个新的方法 给TabbarVC多添加添加一个控制器,这个控制器的作用仅仅是用来占位的,多了这 ...

  3. Shell命令_if

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 #if if [ 条件判断式 ] ...

  4. angular指令大全

    这篇文章的案例都是来自官方,引用的cdn来自bootcss, 因为angular的官方网站被屏了, 所以要翻, 不过我把整个文档下回来了,方便大家下载可以点击: 打开下载英文版 angular的指令 ...

  5. java.net.URLConnectioin的http(get,post)请求(原生)

    使用Java发送这两种请求的代码大同小异,只是一些参数设置的不同.步骤如下: 通过统一资源定位器(java.net.URL)获取连接器(java.net.URLConnection) 设置请求的参数 ...

  6. 管道命令和xargs的区别(经典解释)

    一直弄不懂,管道不就是把前一个命令的结果作为参数给下一个命令吗,那在 | 后面加不加xargs有什么区别 NewUserFF 写道: 懒蜗牛Gentoo 写道: 管道是实现"将前面的标准输出 ...

  7. 使用redis避免客户端频繁提交数据

    避免客户端频繁向服务器提交表单的解决方案 使用redis 在order的model中增加函数 ) { try{ $key = "lock_" . $key; $num = $thi ...

  8. apache ab压力测试

    今天提到压力测试,想起以前看到的ab,于是又重新查找了下资料,并记录了下. ab命令会创建很多的并发访问线程,模拟多个访问者同时对某一URL地址进行访问. 它的测试目标是基于URL的,因此,既可以用来 ...

  9. Android复习资料

    转载:http://blog.csdn.net/huachao1001/article/details/53156582 在10月份开始就没有再参与校招了,面试过程真的很累,有时现场等面试一等就是几个 ...

  10. 【BZOJ-2502】清理雪道 有上下界的网络流（有下界的最小流）

    2502: 清理雪道 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 594  Solved: 318[Submit][Status][Discuss] ...