摘要：宝贝推荐模块CSS定义规范一（我一直采用less的方式写CSS，觉得这样很方便）宝贝推荐模块的基本结构如下.tshop-pbsm-shop-item-recommend { //模块顶部 .skin-box-tp {} //模块标题 .skin-box-hd {} //模块主体 .skin-box-bd {} //模块结尾 .skin-box-bt {}}一般，为了保持每个模块的标题统一，可以将 .skin-box-tp和.skin-box-hd及.skin-box-bt的样式预定义在common.less中。假设在co... 阅读全文

摘要：修改淘宝系统模块，其实很方便，最关键的是淘宝留下了CSS权重给我们设计师。 利用好这个权重，可以做很多事情！下面是系统店招的样式替换方法：.tshop-pbsm-shop-custom-banner { //店招高度 height:120px; .skin-box-bd { //店招背景图片 .banner-box { background:#000; height:120px; } //店铺名称 h2.title { background-... 阅读全文

摘要：淘宝模板开发工具——sdk2.0中， 支持以less方式编写模块的CSS样式。再经过一些权衡之后，发现less对于编写模块的样式的时候，还是提供了N大的方便，所以，我觉得我应该采用less方式编写模块样式。在创建less样式的时候，目前有这么一个规则：存储公共的css样式：htdocs/模板/assets/stylesheets/common.less模块的CSS样式：htdocs/模板/modules/模块/stylesheets/风格.less对于公用CSS的理解：如果懂点编程知识的话，就会知道，如果需要经常用到的一个运算方法，我们习惯把它定义成一个函数或方法来进行调用。这样就不知道重复的 阅读全文

摘要：如何用CSS处理导航中的所有分类DOM结构分析（隶属于.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats下）.all-cats-trigger(分类按钮) a.link(所有分类链接) span.title (所有文字) i.popup-icon (下拉箭头样式).all-cats-popup —— 弹出菜单（一级）【此处的宽度将根据.all-cats-trigger的宽度计算，用CSS设置无效】 .popup-inner（所有分类弹出层） ul.cats-tree （一级分类列表） ... 阅读全文