multiple CSS classes, how they work and WHY do it this way? [duplicate]


Tags: html,css,user-experience

Problem :

This question already has an answer here:

I'm a programmer not a CSS dude and like most programmers haven't spent too much time trying to understand the effects of CSS. There has always been an UX person to handle. But as I get more experienced I am digging CSS and the UX. So my question is this:

What I understand:

<div class="AClassName" >
</div>

I understand how this relates to the .css file and what will happen.

What I don't understand:

<div class="AClassName andAnother1 andAnother2">
</div>

I'm hoping there is a simple explanation.



Solution :

Just an example:

<div class="positionClass contentClass decorClass">
    Lorem textum
</div>

.positionClass: here any position properties could be applyed, 4example absolute/fixed position, display properties, margin/negative margin.

.contentClass : here we can add styles to text: line-height, font-size and so on.

And the last one for some decoration elements.

Hope you get the idea.


    CSS Howto..

    How make contents as a grid in a ScrollPanel in GWT project using UIBinder

    How do I remove a CSS class from one anchor and assign it to another using jquery?

    How to get this functionality to work

    How to add dynamic CSS style sheet for single xhtml file

    How to make text blink on website? [duplicate]

    how to run html$css$js files locally on browser [closed]

    how to create divs rowwise in css

    How to play css transition effect from javascript

    how to avoid duplicate css when using vendor prefixes?

    How should I convert this object from .PSD to HTML/CSS?

    How to Decrease Image Brightness in CSS

    How to make bootstrap 3 navbar not wrap

    How to make a better transition of

    How to force an empty page in a paged HTML document?

    How to make an svg masked image compatible with Internet Explorer

    How to override css class without touching the HTML?

    How to make JqueryUi Slider vertical-align middle?

    How to achieve this formatting

    How to line up a css ::before pseudo element like a grid

    How to make pixel perfect font in css?

    How can I make Non-English quotation marks with a help of CSS? [closed]

    How to apply css to asp.net LinkButton?

    How do I change the MVC Bootstrap layout to have more than one columns

    How do I know when to use a Class, an ID or HTML5 to make layouts in HTML using CSS? [closed]

    how to override user agent CSS

    How to configure simple_form to show validation status

    CSS: how can I hide a div when its text doesn't fit?

    How does this website render images?

    How to push up text in CSS?

    How to make an image follows scrolling until a certain point