background preloader

Tutorials

Facebook Twitter

Mozilla Developer Network: CSS. Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. CSS is among the core languages of the open web and is standardized across web browsers according to W3C specifications. Previously, the development of various parts of CSS specification was done synchronously, which allowed the versioning of the latest recommendations. You might have heard about CSS1, CSS2.1, or even CSS3. There will never be a CSS3 or a CSS4; rather, everything is now just "CSS" with individual CSS modules having version numbers.

After CSS 2.1, the scope of the specification increased significantly and the progress on different CSS modules started to differ so much, that it became more effective to develop and release recommendations separately per module. w3schools: CSS Tutorial. Smashing Magazine: CSS. CSS-Tricks. CSS Guide. Tizag: Introduction. It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and feel of your HTML documents in an organized and efficient manner.

With CSS you will be able to: Add new looks to your old HTML Completely restyle a web site with only a few changes to your CSS code Use the "style" you create on any webpage you wish! A stylesheet can, and should be, completely separate from your HTML documents. When you have mastered CSS and HTML, you will be able to separate your web site's design and formatting (CSS) from the content (HTML). Before you begin the CSS Tutorial we suggest that you check to see you meet the following recommendations: You have used HTML in the past You know the basic HTML tags and vocabulary. If you said no to one of the above, we recommend that you check out our HTML Tutorial before taking on CSS. Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time!

CSS Tutorial. The above example demonstrates how CSS works. Update any of the values (on the left) to see how it affects the display (on the right). You'll see interactive examples like this one throughout this tutorial. We use simple examples that you can modify yourself and immediately see the effect. Here is what's covered in this tutorial: The tutorial is designed for you to start at the beginning and click the "Next Lesson" buttons as you progress, however, feel free to jump to any page of interest. All examples in the tutorial use CSS properties from the official W3C specifications. Here is a full list of CSS properties from the CSS 2.1 specification. And here is a list of new properties that have been introduced in CSS3. Start Tutorial →