chrome调试的时候，为什么有的地方是浅色的，有的地方是深色的？

Answer 1

浅色代表计算出来的样式。比如在大浏览器窗口下：width计算出来是1000px，将浏览器窗口缩小后，width会变为缩小后计算出的值。再比如那个margin，每次窗口变化也会重新计算居中。下面那个删除线表示样式被覆盖其它样式覆盖了！

Answer 2

深色表示该属性会影响子元素浅色表示该属性只作用于当前元素

Answer 3

浅色表示该样式是祖先节点的样式, 而且无法从祖先节点继承, 因而对当前元素样式无影响, 并列的一些深色样式表示从祖先节点继承而且对当前元素起作用, 而且一般这种样式上方都会有 inherited from xxx 的提示.个人理解, 不知道是不是正确.