How can I easily improve my CSS skills

Question

I actually hate CSS because It isn't like Javascript ❤️
It has some strange properties that I can not understand.
Like if you have 2 elements with the margin property (top/bottom) in one row, only one of them will counted.
But I want to get better in CSS, because I think it can be a very powerfull tool for a HTML website.

What I should say at first is, I have already some or many experience with CSS, the tutorial here in SL is very easy and I have learned much from w3 schools but it only teaches the basics, not how to make good looking websites with CSS.
And the biggest problems are the layout.
It's very hard to chose the right layout for each element and think, how to do this with CSS.

Answer 1

I agree with you... Sometimes elements size/pos/behaviours are not easy to determinate... This is because there are concepts like element flow, positioning, stack layers and some other things that make all more complex. Futhermore there are standards not well respected among browsers (IE at top) that make web developer life more hard.. . I can suggest you to follow MDN guides that explain many concepts enough well ... This and more useful links here
https://code.sololearn.com/WaVusr8J1KvK/?ref=app

Answer 2

practising a lot will help you significantly increasing knowledge of fitting specific pieces of code in more different ways and getting to know the CSS rules and possibilities

Answer 3

In addition to everything KrOW said, a bit on margins ... margins are designed to collapse unless otherwise specified.

https://www.w3.org/TR/css-box-3/#the-css-box-model