CSS重新认识(一)

   1. 所有的元素都遵循盒子模型,即内容部分+padding(填充部分)+border+margin(外边距部分);

   2.我们平常定义的width与height指的内容部分的长宽;

   3. 行内元素在不改变padding的情况下,只能靠实际内容来撑开盒子,设置其内容长宽没用,通过display:block可以让行内元素变成块级元素(显示设置的内容长            宽)。改变padding也能改变行内元素的盒子大小。

   4.两个盒子的外边距会叠加;

   5.命名空间思想可以辅助css定义样式类时避免样式污染;

   6.块级元素可以通过diaplay:inline来实现在同一行上排列;

   7.padding与margin确定时,遇到宽度不够时,会优先挤压内容块,迫使内容可能发生转行显示.此时克能会改变盒子的高度;

   8.布局定位的实现方式有很多,只要能被浏览器正确解析,都是可以的,但要注意position:absolute与fixed的在文档流里的特性以及可能发生的错误;

      总结一点:个人实际操作中觉得css最大的难处不在于布局和样式设置,而在于内容多了之后,如何避免样式设置时发生样式污染,做到精准的控制。

原文地址:https://www.cnblogs.com/zhu-xingyu/p/5263964.html