As I dive deeper into studying CSS and practicing my skills, I've encountered a common issue where the first element on top often requires margin or padding adjustments in certain browsers.
So, my question is: Is it considered good practice to use the following code in my CSS documents?
* {
margin: 0px;
padding: 0px;
border: 0px;
}
I've seen conflicting opinions on this matter. Some claim that it enhances browser compatibility, while others argue that it can slow down rendering, especially on older systems.
EDIT: After some research, I found out about reset.css which serves a similar purpose to resetting * in CSS. I also stumbled upon normalize.css - could this be a better alternative for ensuring cross-browser compatibility?
EDIT2: Thank you for all the input. It seems like this topic is quite subjective and open to interpretation. The debate over how browsers render content will likely continue due to their differing approaches.