如图：

原代码如下：

<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. 远程登录服务器执行cmd的Python脚本

    import paramiko,os,sys ip = raw_input("input ip address :>>>") password = raw_inp ...

  2. 【BZOJ 1014】【JSOI 2008】火星人prefix

    看了<Hash在信息学竞赛中的一类应用>中的例题3,这道题很类似啊,只不过没有删点和区间翻转. 用Splay维护字符串哈希,加点改点什么的就不用说了,查询时二分答案,这样时间复杂度是$O( ...

  3. hadoop,mapreduce---分布式计算

    从图中可以看出,map阶段的shuffle: 例如word count,当内存缓冲区满的时候会写到磁盘,一个spill,每个spill,进行分区,排序,最后将同一个分区word合并在一起,写入到磁盘中 ...

  4. js-处理回车事件

    /**回车 */ function enterkey() { //兼容IE或其它其它浏览器 var event = arguments[0] || window.event; //兼容IE或其它浏览器 ...

  5. Unable to load native-hadoop library for your platform... using builtin-Java classes where applicable

    以前hadoop也有这个问题,没注意,用spark也提示,解决一下. 首先找到对应自己hadoop版本的的lib包,编译好后,名字类似hadoop-native-64-2.4.1.tar ,放到lib ...

  6. 【poj3468】 A Simple Problem with Integers

    http://poj.org/problem?id=3468 (题目链接) 题意 给出一个序列,要求维护区间修改与区间求和操作. Solution 多年以前学习的树状数组区间修改又忘记了→_→. 其实 ...

  7. POJ 2976 Dropping tests（最大化平均值 or 01整数规划）

    题目链接 忽略运算符逻辑导致奇怪的错误(代码中指明位置了) 输出没加0.5,WA. 还有,注意特殊情况k=0,所以scanf("%d%d", &n, &k)& ...

  8. MySql的一些操作

    我们安装mysql时一开始root用户如果没设置的话是可以没有密码的,所以,如果需要设置密码,则 格式:mysql> set password for 用户名@localhost = passw ...

  9. tableview的重用机制（面试必问）

    iphone重用机制是苹果为了实现大量数据显示而采用的一种节省内存的机制,比如在UITableView和ScrollView 等地方.为什么要“可重用”???对于我们的项目来说,内存控制是必不可少的, ...

  10. Appium运行时，error: Logcat capture failed: spawn ENOENT的解决办法

    目前发现有以下两种可能: 一:查看环境变量是否配置成功. ANDROIDSDK D:\my_2_softwares\JAVA\adt-bundle-windows-x86-20140702\sdkPA ...