12.16~12.23工作日志

Posted 2020-08-27

 

2016.1.4

1.清除浮动方法

  http://blog.csdn.net/clare504/article/details/39524215

  使用伪类添加一个空元素

   .clearfix:after {

   content: "\\0020";

   display: block;  

   height: 0;

   clear: both;

   }

   .clearfix {

   zoom: 1;

   }

  "clearfix"是父容器的class名称，"content:"020";"是在父容器的结尾处放一个空白字符，"height: 0;"是让这个   这个空白字符不显示出来，"display: block; clear: both;"是确保这个空白字符是非浮动的独立区块。

但是，:after选择符IE 6不支持，也就是说上面的这段代码在IE 6中无效，这怎么办？

我们添加一条IE 6的独有命令"zoom:1;"就行了，这条命令的作用是激活父元素的"hasLayout"属性，让父元素拥有自己的布局。IE 6会读取这条命令，其他浏览器则会直接忽略它。

 

2.去除a标签默认下划线

  a{

  text-decoration:none;

  }

 

3.div画斜线

  http://www.cnblogs.com/newsea/p/3781110.html

 

.u-dater{

    position:relative;

    background-color: transparent;

}

 

.u-dater:before{

    content:"";

    position:absolute;

    left:.45rem;

    top:1.2rem;

    border-left:1.2rem solid transparent;

    border-bottom:.8rem solid #d9d6a4;

}

 

.u-dater:after{

    content:"";

    position:absolute;

    left:.5rem;

    top:1.25rem;

    border-left:1.2rem solid transparent;

    border-bottom:.8rem solid white;

}

 

2016.1.5、1.6

1.div内容右对齐

  text-align: right;

 

2.-webkit-tap-highlight-color: transparent;

   http://www.cnblogs.com/libin-1/p/5903350.html

 

3.移动设备响应式设计

当页面只需要占据一页时，高度用vh表示