“Global CSS? What is that? How does it work? Is anything supposed to change? Is change even good?”
I have been understanding CSS fine up until last week when we had learnt about global css. From what I understand, global css resets all web browsers to zero. By doing so, it allows the website to appear the same in other web browsers (IE, Safari, Firefox, and etc.) Am I right?
What I don’t understand is the process of creating global css. I have attempted to, but instead of making my website look similar in all browsers, global css is making my website look a lot more different and messy than it was to begin with. For example, my submenu div, which is floated to the right side of the page (beside it is my content div floated to the left) is now floating on above (or inside?!) of my content div. My headers are smaller than my body text. Does that makes any sense at all to you? It’s hard to explain it and visualize it. All in all, my website is just a big mess!
I researched about global css on the internet, but all I can find are global reset css codes or definitions of what they are. Am I not looking in the right places? I want to create my own. I am hoping to find a decent site that will (clearly) provide me with the information that I need –how do I make one? How do I know what to put in my global css? Maybe I’m just exhausted from this week that I can’t comprehend the information that I need when it’s right in front of me. If you know a good website, throw it my way, because I need all the help that I can get.
After hours and hours of frustrating research, attempts and guesses of creating my own global css, I decided to email our instructor. This is what I had learnt from him:
- My header tags are small because in my global css, I reseted my font size to 10px (or something along those lines).
- I will need to change fonts to exactly what I want in my css stylesheet (in each <div> id) in order to override the global reset.
My first attempt after he had written back, made my website a little less messier than it was before. However, there must be something wrong with my drop down menu css, as it is not aligned with my menu bar. And my submenu remains in the middle of my content div.
The headache of learning xHTML and CSS! With research and help from our instructor, global css still remains a little unclear to me. Learning global css is becoming a little disheartening, but I’ll remain persistent! I tend to complicate the easiest tasks sometimes, hopefully this experience is just myself making things more complicated for myself. But if it isn’t, with more practice and research, I’ll hopefully be able to understand the process of creating global reset css.
