Cascading style sheets are now the standard way to define the presentation of your HTML pages, from fonts and Colours to the complete layout of a page. They are much more efficient than using HTML on every page to define the look of your site.
CSS is becoming a more important language to know every day, so the sooner you have a grip on this most elegant of presentational languages, the better.
Introduction to CSS
Advanced CSS
This tutorial covers very powerful techniques like importing stylesheets, contextual style as well as setting up those all-important class
es and id
s.
CSS and Text
CSS gives you unprecedented control over the size, formatting and layout of your text. Learn all the commands here.
CSS and Links
Using CSS commands you can format your link text with many new effects and make text rollovers too.
CSS and Spacing
All block-level HTML elements can be given margins and padding properties so that they are spaced out exactly as you want them to be. We’ll also see how to change the display-type of an element through CSS.
CSS and Backgrounds
These are all the properties and values for giving your HTML elements background colours and images, as well as positioning images and setting fixed watermarks.
CSS Layout
CSS2 offers powerful layout techniques. You can throw off the restrictions of table-based layouts in favour of pixel-perfect layout of your pages.
CSS and Borders
With the aid of stylesheets you can now add all sorts of borders to any of your page elements.
Named Colours
Instead of having to memories complex HEX codes, why not just use a far more meaningful name? We have them all.
CSS and Media Types
By specifying the media type of your stylesheets you can serve a different CSS file to your reader depending on how they’re viewing your page. Ace.
Advanced Selectors
Basic selectors are fine to gain access to most elements, but if you want to control the stylings of very specific elements, you’ll need more complex selectors.
CSS and Scrollbars
Want to change the colors of all of your scrollbars and generally fiddle around with them? Simple.
CSS and Cursors
With CSS you can change what the cursor looks like when it hovers over your links and other elements.
Leave a Reply