css高级技巧

清除浮动:

已经清除浮动a
已经清除浮动b

已经清除浮动已经清除浮动已经清除浮动

没有清除浮动a
没有清除浮动b

没有清除浮动没有清除浮动没有清除浮动

巧用:not(:last-child)来实现分割效果:

  • 博文
  • 归档
  • 摄影
  • 生活

为body元素添加行高:

为body元素添加行高

为body元素添加行高

为body元素添加行高

为body元素添加行高

垂直居中任何元素:

bubuzou.com

步步走

使用负的`nth-child`来选择元素:

  • red
  • orange
  • black
  • blue
  • green

使用猫头鹰选择器:

box1
sub-box1
sub-box2

给“默认”链接定义样式:

创建等宽格子的表格:

Name Created Status Email
Leonard Hofstadter 07/06/2016 Pending lhofstadter@caltech.edu
Sheldon Cooper 07/01/2016 Active scooper@@caltech.edu
Howard Wolowitz 06/05/2016 Inactive hwolowitz@caltech.edu

利用属性选择器来选择空链接:

写一个宽高固定比例的盒子:

将彩色照片度灰:

用border来写三角形:

模糊文本:

步步走 bubuzou.com

步步走 bubuzou.com