CSS3 & HTML5 Workshop

Unlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called «modules». Each module adds new capabilities or extends features defined in CSS 2, preserving backward compatibility. Work on CSS level 3 started around the time of publication of the original CSS 2 recommendation. The earliest CSS 3 drafts were published in June 1999.

Due to the modularization, different modules have different stability and statuses. As of June 2012, there are over fifty CSS modules published from the CSS Working Group. and four of these have been published as formal recommendations.

Section 1 — Media Queries
Section 2 — Namespaces
Section 3 — Selectors Level 3
Section 4 — Color

Some modules (including Backgrounds and Borders and Multi-column Layout among others) have Candidate Recommendation (CR) status and are considered moderately stable. At CR stage, implementations are advised to drop vendor prefixes. Summary of all module-specifications.

Code Samples

Here are a few bits of CSS that you might see in our course. If you don’t recognize this CSS, then this might be the perfect course for you!

A media query with a fancy selector.

@media only screen and (max-width:600px) {
    .select:after {
        top: .5em;
    }
}

How to add a zoom cursor on hover.

.lightGallery-slide:hover {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}