CSS Styling Basics

INLINE CSS - Styling done inside of the code. Very Messy

EXAMPLE
<p style="font-size: x-large">Some Test


INTERNAL CSS - Styling done in the head of the html document
This blue text is done by the Internal styling.

CLASSES

Now we can separate the styling by ID by adding name to the class.

We can also combine two or more classes together

CLASS CAN BE USED MANY TIMES

ID's

We can also Use ID's but instead of "." in stylesheet we use "#"

ID's CAN BE USED ONLY ONCE



STYLING WITHIN THE PARAGRAPH

Use <span> to select areas in the text

This is some text where span is used. Span can be used EVERYWHERE in the text.

USING ID's FOR DIV's

A good use for ID's is a <div>. When ID is used in a div, it can hold the entire sections CSS structure.
Below are three columns with different css attributes.

Left Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam. At risus viverra adipiscing at in tellus integer feugiat. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum.

Middle Section

Justo nec ultrices dui sapien eget mi proin sed. Donec massa sapien faucibus et molestie ac. Viverra suspendisse potenti nullam ac. Interdum posuere lorem ipsum dolor. Ut morbi tincidunt augue interdum velit euismod in pellentesque massa. Ornare aenean euismod elementum nisi. Tortor id aliquet lectus proin.

Right Section

Lacus viverra vitae congue eu consequat ac. Porta nibh venenatis cras sed felis. Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. Laoreet non curabitur gravida arcu ac tortor dignissim. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pellentesque sit amet porttitor eget dolor.