CSS

讲一下我对css的理解

从字面上来理解，css的全称是Cascading Style Sheets，翻译成为中文，就是层叠样式表，为啥子要叫作这个名字？ 
先来看看这个层字：从字面意义上来理解，就是一层一层的意思 
我们一般都是怎么样子给页面添加css的呢？

1. 浏览器默认的拥有一套样式
2. 行内样式
3. style标签引入
4. link标签引入
5. ！import

Clearfiex 清除浮动 在baba身上加这个就好了

.clearfix::after {

    content:'';

    display: block;

    clear: both;

}

文档流

文档流:文档内元素的流动的方向 高度是由内容决定的

内联元素 从左往右流动 文字过长会换行 英文过长不会换行（加word-break:break-all 可实现换行效果）

块级元素从上往下 每一个块级占一行

css content-box 与 border-box 的区别

• content-box 
  说明：在内容宽度和高度之外绘制内边距和边框

• border-box 
  说明：在已设定的宽度和高度之内绘制设定元素的边框及内边距