I’m a bit confused as to how is best to use styles. I started by making very specific styles with loads of settings but I’m starting to think that it might be best to break them down a lot more so they are more modular and hopefully I’ll end up with less styles ie:
NOT
style A= 14px type, bold, 20px line height, black, centered
BUT
style B = 14px
style C = bold
style D = 20px line height
style E = black…
It is more about understanding the Cascading nature of CSS.
For instance it is best to set your base font settings on the body element. These setting then will cascade down onto all other elements that don’t have their own settings.
Not all attributes cascade, like padding, margin, float ect.