前端篇--------1.css学习笔记

1.css 单行文本换行溢出解决方案（css三件套）    

    white-space:nowrap
    overflow:hidden
    text-overflow:ellipsis

2.css margin塌陷问题（父子节点时，margin-top不起作用）

   具有bfc的元素我们可以抽象的理解成为隔离了的独立容器， 满足以下任何条件都可以触发bfc:
   绝对定位元素 position 为 absolute、fixed
    display 为inline-blocks,table-cells,table-captions
    overflow 为 hidden,auto,scroll

3.absolute一般伴随这 relative用，以relative为参照物，absolute物体围绕着该物体便宜。
  两者的都是决定定位，区别是：absolute是偏移原来的位置定位，relavtive则是保留原来的占位符进行浮动。

 

CSS学习笔记

1.word-wrap 允许文本强制换行的属性。
2.column-count 直接对文本进行多列显示.
3.column-gap 规定多列之间的间隔
3.column-rule 设置多列之前的间隔属性。