盒模型

• 怪异模型
• 标准盒模型

俩盒模型之间的转换 怪异盒模型->标准盒模型{ box-sizing:content-box }

运算符前后加空格

赋值的值与赋值的地址

在js中引入外部文件的方式和css的一样 、三种输出方式

居中的两种方式总结

块元素margin 行级元素：再父元素中text-align：center

优先级的总结

其中：伪类元素

• ：：after/before 在当前元素样式中直接增加一个虚假的样式 不用在body中定义 效果是一样的

• 常见的还有：hover

• 记：利用伪元素清除浮动

  .clearfix::after{
    /* 设置内容 */
     content: "";
   /* 设置为块元素 */
   display: block;
  /* 清除浮动 */
  clear: both;
  }
  

箭头的两种写法

• 较为神奇第一种

  

• 普遍方式第二种

transform：旋转 transition:动画

边距合并

• 绝对定位
• 浮动
• 加透明边框
• 溢出隐藏

父元素塌陷

• 清除浮动
• 父元素设置高度
• 加一个空白子元素
• 溢出隐藏

定位

• fixed固定定位
• absolue绝对定位
• relative相对定位

透明度

• opacity 0~1 整体改变
• background：rgba(0,0,0,0.5); 只改变背景