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.
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
We can also Use ID's but instead of "." in stylesheet we use "#"
ID's CAN BE USED ONLY ONCE
Use <span> to select areas in the text
This is some text where span is used. Span can be used EVERYWHERE in the text.
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.
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.
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.
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.