CSS Primer

This is a CSS primer for ID and Class Slectors

Watch this on JSFIDDLE

Simple CSS Example

Simple CSS Example

View this on JSFIDDLE

Example of Class selector in HTML5

This example will show you how Class selector is used

Watch this on jsfiddle

Example of ID selector in HTML

In this example I will show you how ID selector is used

Try this on jsfiddle

Example of HTML and CSS Styling

HTML and CSS Styling Example

Watch this example of jsfiddle

Example of HTML Document with styling

Basic HTML Document with STYLING in it

Watch this example on Jsfiddle

Very basic HTML Document

This is a simple HTML document with no styling

Try it on Jsfiddle

Example of INLINE Element in HTML

View it on JSFIDDLE

Below given list are the BLOCK elements

BLOCK Elements – Which take up a block of area on HTML, forcing next element to come on next line

1. Paragraph - <p>
2. A definition term in a definition list. - <dt>
3. The definition of a term, in a definition list. - <dd>
4. An ordered (enumerated) list. - <ol>
5. An unordered (bulleted) list. - <ul>
6. A list item in ordered (ol) or unordered (ul) lists - <li>
7. Address - <address>
8. Blockquote - <blockquote>
9. center - < center>
10. del Marks a deleted section of content. This element can also be used as inline. - <del>
11. div A block-level logical division. - < div>
12. ins Marks a section of inserted content. This element can also be used as inline. - <ins>
13. noscript Replacement content for scripts. Unlike script this can only be used as a block-level element. - < hr>
14. pre Pre-formatted text. - <pre>
15. script Places a script in the document. Also usable in the head and in inline contexts. Note: SCRIPT is not itself either a block or inline element; by itself it should not display at all, but it can contain instructions to dynamically generate either both block or inline content. - <script>

Please check the below given example on jsfiddle

View it on JSFIDDLE

HTML TAG BASIC TEXT

This below given example contain paragraph tag and header tag

1. Paragraph – <div>
2. Headers – <h1> to <h6>


This below given example also contain CSS example. How to color the text, how to set the margin, set different fonts etc..

View it on JSFIDDLE

In the next post I will list all the BLOCK elements and INLINE elements