02-模仿京东

01-同时使用背景图片和背景颜色？

.test{background:url("图片链接") center center no-repeat; background-color：#000;}

.test{background:url("图片链接") #000000 center center no-repeat;}

1. 背景图片需要在背景颜色之前；
2. 需要设置多个值时使用background，只需图片链接时可直接用background-img链接;

02-line-height 和 height会传递给子级

03-font

可以按顺序设置如下属性：

• font-style
• font-variant
• font-weight
• font-size/line-height
• font-family

04-text-align: center;

这个属性是用来对齐行内内容的，所以，==不应该对块级内容起作用==。
块状元素用==margin: 0 auto;==

05-box-sizing

跟正常盒子一样,从边框接触处算起,不占边框

查看图片

06-tab切换

.goods_tab{float: right;height: 34px;margin-top: 5px;border:1px solid #ededed;border-bottom: none;z-index: 1;line-height: 34px;}
.goods_tab li{float: left;display: inline;height: 34px;position: relative;}
.goods_tab li a{float: left;height: 32px;padding: 0 16px;overflow: hidden;border-top: 3px solid  rgba(0,0,0,0);border-left: solid 1px rgba(0,0,0,0);border-right: solid 1px rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0);color: #666;position: relative;top: -1px;z-index: 2;}
.goods_tab li span{position: absolute; width: 1px; background: #ededed; overflow: hidden; height: 14px; top: 10px; right: -1px;z-index: 1;}
.goods_tab li:hover a{color: #c81623;border-left: solid 1px #c81623; border-right: solid 1px #c81623; border-top: 3px solid #c81623;border-bottom:1px solid #fff;} 
.goods_tab li:hover span{display: none;}

查看图片

07-tab切换

==a标签不能嵌套a标签,否则会自动分离成各自a标签==

08-浮动 li

==浮动li里面包含a>img标签时候,a标签宽度会自动包裹图片宽度,li宽度随a img==