Just out of interests. I just checked a site I’m working on at the moment on different browsers and suddenly I see on FF firebug in the css all kind of rules I never declared, like:
background:url("../images/header.png") no-repeat scroll center top transparent;
where in the original style sheet it is:
background:url("../images/header.png") no-repeat center top;
Why is that integrated? I ask this because I remember trying to give people advise here on the forums, and there where times that I asked why they had certain rules like the one above but apparently the weren’t in the initial stylesheet at all
If you see it in firebug, it is not necessarily actually being implemented.
I mean in editor mode in firebug, one can change the css as much as they want and test what it will look like.
In my experience, the true definition of the code behind the page is what your source code says, not necessarily what developer tools say they are.
At first, I would thought that those are default styling, but this would require me knowing what element the styling was applied to.
Although, I am pretty sure scroll and transparent are not default styling for any element’s background.
Unless you are using a pesudo-element that you made using javascript:
<html>
<head>
<style>donBoeTag { color: red; }</style>
<script>document.createElement(“donBoeTag”)</script>
</head>
<body>
<donBoeTag>Hello!</donBoeTag>
</body>
</html>
Like was mentioned it can be calculated generated source values from the browser itself rather than the physical hard coded syntax and yes you have to be wary.
