笔记内联元素的盒模型是从上硅谷html+css第54讲开始的。这套视频是第二遍看，为了不看第一遍第三遍，总结一下重要的知识点。54内联元素盒模型讲座。padding内联元素不能设置宽高水平方向可以设置水平方向的paddingpadding-left和padding-right内联元素可以设置垂直方向的padding-top和padding-bottom一样但是不会影响页面的布局。它将像被子一样覆盖下面的元素。这与块级元素不同。块级元素会把它下面的元素挤到底部。内联元素可以设置边框，和上面类似，水平方向的边框会影响布局，垂直方向的元素不会影响布局，但是会覆盖下元素的marginmargin水平方向可以设置marginmargin，而margins的相邻的元素不会重叠，而是相加，类似于div块级元素。内联元素不支持垂直边距。块级元素大不同55讲显示和可见性等显示内联元素不能设置宽高，可以通过设置display:block设置为块级元素。display:block对应的属性display:inline-block将一个元素转换为内联块元素，达到设置宽高不占一行的效果，但是元素之间的空格会在布局时形成空隙。其实我们的img元素天生就是这个效果。display:none也是一个常用的属性，它会隐藏元素，隐藏的元素不会占用页面的布局，但是查看源码还是可以看到元素的。visibilityvisibility:visible是元素的默认值，visibility:hidden也设置元素隐藏，但是隐藏后也会占据页面的布局。总结一下，display和visibility是写页面css常用的布局设置，注意这两个隐藏的区别。第56讲overflowoverflow默认的属性设置是overflow:visibleoverflow:hidden会隐藏溢出的内容overflow:scroll为元素设置滚动条，无论内容溢出与否，都会有滚动条。好吧，它看起来很难看！overflow:auto根据内容的需要自动添加滚动条，比上面的聪明多了！57浅谈普通页面中的文档流，块级元素的特点：1.宽度等于父元素的宽度2.高度被内容展开3.占用单行，多块-级别元素在普通页面中逐行排列。内联元素的特点：1.高度和宽度被内容拉伸。2.不占一行，左右排列。一行写满了，就移到下一行，就像我们平时写论文一样。以上只是正常的文档流程
