CSS Introduction

What is CSS?

 CSS is short to course Style Sheets and is the primary language used to delineate look and formatting for webpages over the Internet and documents of markup (e.g. HTML and XML) when all is said in done.

A markup language like HTML was at first proposed to give information about formatting and looks itself, be that as it may it soon ended up being obvious that it would look good to part this into two layers: Document Content and Document Presentation, with CSS fulfilling the endeavor of the last specified. Really that is the reason HTML has marks like printed style, which sole outline is to change content style family, shading and size locally, an employment that is today dealt with by CSS. This empowers the fashioner to re-use formatting rules over a couple of spots in a comparable document and even finished distinctive documents. Here's a case to show my point, and don't push if it's not by any extend of the creative energy clear to you what it does - all edges will be elucidated all through this instructional exercise.

Old style text formatting, using only HTML:

Example

<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>text</b></i></font> with
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>highlighted</b></i></font> elements in
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>it</b></i></font>.

  Exmaple Try

A more modern approach with CSS:

Example

<style type="text/css">
.highlight {
        color: Blue;
        font-style: italic;
        font-weight: bold;
        font-size: 120%;
        font-family: Tahoma, Verdana, Arial;
}
</style>

This is a piece of<span class="highlight">text</span> with<span class="highlight">highlighted</span> elements in<span class="highlight">it</span>.

Yourself Try

 Wright © bestwebdesign and Graphics design                             NEXT