Free CSS Tutorial - Basic to Advanced
What is CSS or Cascading Style Sheets?
CSS or Cascading style sheets is a designing language that is used to control the look and design of web pages. Earlier HTML was used to control the design of webpages, however most of the HTML's design work has now been replaced by CSS which offers much advance / robust features and a fine grain control over the look and feel of web pages. CSS styles(rules of how certain elements look, font, color, their exact position on web page etc) apply to HTML elements within a HTML document. Through CSS, we can Leave the content definition(where paragraph starts and ends, where next row starts etc) to HTML, and design and look of that content to CSS.
If you are a basic web designer, you might question why bother to learn and use CSS, if HTML is doing the work? Lets see some advantages of CSS.
Advantages of Styling using CSS over Simple HTML
- Easily Define and Modify Properties of Similar elements- In HTML if you want to apply a certain background color to all paragraphs on a page, you will have to mention that color with every <p> tag. While with CSS, you define a style which will apply that color to all the paragraphs in the document. Similarly when you have to modify it, you simply modify the style and will see the result in all the paragraphs.
- Easy updating of multiple pages- CSS styling commands can be placed in external file(style sheet) and webpages can be instructed to follow those commands. Style (like font color etc), changed in a single sytle sheet will apply to all the pages that connect to it. In HTML, you will have to make changes to every individual page.
- Consistency in look of pages across the site- Imagine a large corporate site with hundreds of pages and possibly thousands. How would it look if main headings on some pages are of one size, different on another. Some pages' fonts are times roman, others' Arial. A uniformity and discipline in the appearance of pages can be maintained using CSS.
- Speed up Page Loads- In HTML, design properties are included with every element and on every page of the site. While in CSS, all web pages refer to an external style sheet, which is downloaded once with the first page load and kept in browser cache. So when you visit other pages of the site, they will simply take information from the external style sheet, instead of keeping it within their own code, thus making their disk size(KBs) smaller and load speed more efficient.
- More Robust Design Features- The additional options are features available in CSS, enable designers to do many more things that are not possible using simple HTML.
Pre-Requisites of Learning CSS
Cascading Style Sheets is very simple to learn. You just need to know simple HTML to be able to study CSS. This course is designed for absolute beginners to CSS styling. Our Free training will take you step by step through every feature and use practical examples to assist you in understanding various features.
Course Contents
1. CSS Basics
2. CSS Text and Fonts
3. CSS Links and ListsCSS Working with Images
CSS Box Model
|
CSS Layout
|
Advance CSSCSS Media
CSS Images
css shadow |
Also add in every lesson, whats new in CSS3 for that topic.
