CSS style loading order by Angular

Angular provides several ways to specify css styles, as the css style loaded later takes priority over css style loaded before, so it is important to load the css style in proper order.

The test shows the css styles loaded by angular following the below orders:
1. css styles specified in index.html's header section
2. css styles specified in angular.json's styles section
3. css styles specified in component's css file