郝壮_7b3d
郝壮_7b3d

CSS小记（含CSS3）（学习笔记）

一、解决父元素高度塌陷以及父元素外边距重叠（兼容IE6）

.clearfix:before,
.clearfix:after {
       content : "" ;
       display : table ;
       clear : both ;
}
.clearfix {
       zoom : 1;
}

二、CSS三角形

主要是控制边框线宽变换而来，把不需要部分的颜色设为透明（transparent）
1. 实心三角形

**HTML**

    
        
        三角形
    
    
        

    


**CSS**
div {
    border : 100px solid transparent;
    width : 0px;
    height : 0px;
    border-left-color : blue;
    border-top-width : 0px;
}

2. 空心三角
空心三角形与其他三角形做法
空心的三角形同理，在当前的三角形后面添加一个实心三角形，然后将这个三角形绝对定位到当前三角行的位置切割

**CSS**
div:after {
    content: '';
    position: absolute;
    top: -89px;
    left: 2px;
    border-top: 89px solid transparent;
    border-right: 99px solid #FFFFFF;
    border-bottom: 99px solid transparent;
}

三、CSS引入方式

  1. 内联样式，style属性；
  2. 将