images, inheritance doc

docs/inheritance

@@ -1,16 +1,33 @@
 ## Inheritance
 
-Inheritance is a very useful ability of `children` elements to get the same property in default as his parent does have (to 'inherit' it).
+Inheritance is an ability of an element to transfer a pack of propereties to its `children` elements 'wrapped inside'. 
 
+Properties have to be set in specific order:
 ### Main properties' inheritance:
 * styles
 * parents
 * parent's styles
 * defaults
 
+As for `prototypes`, this property has to be set after styles, but before parents. So the order will be this:
 ### Reference properties' inheritance:
 * styles
 * prototypes
 * parents
 * parent's styles
 * defaults
+
+------------------------
+
+Let's take a closer look using a [Muon Monitor Visualization](demo/muon-monitor/README.md).
+Running the demo, we will see this:
+![](../docs/images/inheritance-1.png)
+
+![](../docs/images/inheritance-tree.png)
+![](../docs/images/inheritance-2-1-1.png)
+![](../docs/images/inheritance-2-1-2.png)
+![](../docs/images/inheritance-2-2-1.png)
+![](../docs/images/inheritance-2-2-2.png)
+![](../docs/images/inheritance-2-2-3.png)
+![](../docs/images/inheritance-2-2-4.png)
+![](../docs/images/inheritance-2-2-5.png)