CSS——京东首页实战总结

第一天成果

1、浮动的盒子不要给宽,内容撑起盒子的宽

  在前端设计中,一般不给浮动的盒子设置宽,让其用内容撑起一个高度。

2、小三角的表示

  ◇用一个盒子(盒子宽为字的宽,高度为字高度的一半)去截取这个菱形来得到一个三角,当然还要涉及到浮动。

3、块级元素只能通过padding-top来调节垂直居中

4、文字旁边的小图标

  文字旁边的小图标是通过设置左右padding来给出一个空白,然后让图标进行绝对定位将图标加到文字的旁边。

第二天成果

原文地址:https://www.cnblogs.com/sylz/p/5727327.html