: CSS use class and style on the same element, good or not? I would like to know if its ok to use class and style attributes on the same element? I also want to know if my page will be

@Harper822

Puttin style parameters is never a good idea (except maybe if you are using java and put a style="display:none").

The reason is because css files get cached by the browser allowing the page to load faster.
If you have 10kb of text embedded in the html this will be redownloaded each time, multiply this for several page and for thousand of users and you'll end up with bandwidth problems.

The way I do what you are talking about is setting a rule like you put in the edit:

.xyz {
width:680px;
display:table;
}


Then

.margin-20{
margin-top:20px;
}


And use them like this:

class="xyz margin-20"


It's also to be noted that what you are doing has little to no sense, usually divs have the same properties, a margin-top means you need to put a space on top of a div, this can be done with an div that you use a spacer like this:

.spacer {
height:20px;
...
}

Vote Up Vote Down