Learn Advanced CSS3

We’re entering the deepest realms of CSS3 now — aspects that are often more specific than the CSS Intermediate Tutorial but, y’know, really biscuity cool. ~HTML Dog

We Use Advanced CSS3 in Our Sites!


CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. It allows one to adapt the presentation to different types of devices, such as large screens, small screens, or printers. CSS is independent of HTML and can be used with any XML-based markup language.

The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. This is referred to as the separation of structure (or: content) from presentation.

CSS Maker »

Contact Us


Advanced Web Team
2600 SW Ward Rd
Lee's Summit, MO 64082
P: (816) 986-4000
E: lswwebmaster@gmail.com

CSS Syntax

A CSS rule-set consists of a selector and a declaration block. The selector points to the HTML element you want to style.The declaration block contains one or more declarations separated by semicolons.

CSS Locations

CSS Locations

CSS can be added to HTML elements in 3 ways: Inline - by using the style attribute in HTML elements, Internal - by using a <style> element in the <head> section, External - by using an external CSS file

Water CSS

CSS Animations

CSS allows animation of HTML elements without using JavaScript or Flash. Using keyframes, an animation lets an element gradually change from one style to another as many times as you want.

CSS is Awesome!

CSS is hard because its properties interact, often in unexpected ways. Because when you set one of them, you're never just setting that one thing. That one thing combines and bounces off of and contradicts with a dozen other things, including default things that you never actually set yourself.

One rule of thumb for mitigating this is, never be more explicit than you need to be. Web pages are responsive by default. Writing good CSS means leveraging that fact instead of overriding it. Think in terms of rules, in terms of what you really mean to say, instead of just adding properties until things look right. Try to get a feel for how the browser resolves layout and sizing, and make your changes and additions on top of that judiciously. Work with CSS, instead of against it.

CSS is weird. It's unlike any other code, and that makes a lot of programmers uncomfortable. But used wisely it can, in fact, be awesome.

CSS3

W3 Schools

W3Schools is optimized for learning, testing, and training using tutorials, references, and examples.

HTML Dog

Everything HTML, CSS, and JavaScript, the most common languages used in making web pages.

Shay Howe

We teach people how to build beautiful and intuitive websites by way of clear and organized lessons.

Codecademy

Learn the skills you need for the job you want. Tell us why you want to learn and we’ll show you what to learn.