A Beginner's Guide to CSS
If you know nothing/very little about CSS, you want to brush up on your CSS, or your background knowledge is a bit shaky, these tutorials are for you. They explain everything you will need to know in order to proficiently use CSS, as well as what goes on behind the scenes. There is also comprehensive information on the (X)HTML elements you will need and their functionality and attributes. This series is ongoing and is added to on a regular basis.
- Submitted on: Saturday, March 6, 2010 - 19:27Modified on: Monday, August 22, 2016 - 11:40Welcome to part one of A Beginner's Guide to CSS (previously titled CSS 101 - A Beginner's Guide to CSS). This series will take you through CSS from the ground up, developing your knowledge progressively until you're able to understand and use CSS in a (hopefully) competent fashion.
- Submitted on: Saturday, March 6, 2010 - 19:57Modified on: Thursday, August 18, 2016 - 11:11In Part One - Laying the foundations, we learnt that CSS stands for Cascading Stylesheets and is used to control the appearance of a web page. We also learnt where to put our CSS. So, how do we tell CSS what we want to style? Simple.
- Submitted on: Thursday, April 1, 2010 - 22:00Modified on: Thursday, August 18, 2016 - 11:13Welcome to Part Three of A Beginner's Guide to CSS - How to apply CSS. In this instalment of the series, we'll look at how to apply CSS to your elements, as well as the recommended naming conventions for CSS rules.
- Submitted on: Thursday, April 8, 2010 - 22:03Modified on: Thursday, August 18, 2016 - 11:09Welcome to Part Four of A Beginner's Guide to CSS - The CSS Order of Precedence. Before we delve too far into the fabulous world of CSS, I feel I should explain the order in which CSS styles are applied. This is important and will cause you frustration if you don't know it. But thankfully, it's easy to learn!
- Submitted on: Wednesday, April 17, 2013 - 22:04Modified on: Thursday, August 18, 2016 - 11:13Before we progress with CSS, you need to learn about a little thing called the document tree. The document tree describes the hierarchy of an (X)HTML page and is important to learn because you'll need some grasp on how the elements you're working with relate to each other.
- Submitted on: Saturday, April 17, 2010 - 22:06Modified on: Thursday, August 18, 2016 - 11:09In CSS, when you assign a numerical value to an element (be it width, height, padding, border) you must specify a unit of measurement, otherwise the browser won't know what to do with that specific property.
- Submitted on: Wednesday, April 21, 2010 - 22:07Modified on: Thursday, August 18, 2016 - 11:12You've made it through the chapters detailing some heavy background information on CSS. Now we're on to some practical examples. In this instalment, CSS and Paragraphs, I will show you how to style paragraphs with CSS.
- Submitted on: Wednesday, July 21, 2010 - 22:09Modified on: Thursday, August 25, 2016 - 15:34In this instalment of the A Beginner's Guide to CSS series, titled CSS Font and Text Properties, we will be discussing how to format text using CSS. This tutorial is split into nine parts:
- Submitted on: Wednesday, June 9, 2010 - 22:10Modified on: Thursday, August 18, 2016 - 11:12Welcome to the A Beginner's Guide to CSS series, Part Nine CSS and Links. In this instalment, we will be discussing how to style links with CSS.
- Submitted on: Monday, June 14, 2010 - 22:12Modified on: Wednesday, August 24, 2016 - 10:52Welcome to the A Beginner's Guide to CSS series, Part Ten Backgrounds in CSS, where I'll show you how to place a background on an element. Before we continue onto more convoluted topics, I felt I should demonstrate how to apply backgrounds to elements, as this task is integral when it comes to the structure of a page.
- Submitted on: Wednesday, July 28, 2010 - 22:14Modified on: Thursday, August 18, 2016 - 11:08Headings add structure to your content, as well as denoting relevant sub-sections. Not only does this process make your content easier to read, but it also helps in situations where devices scan your HTML and break it up into regions of importance.
- Submitted on: Wednesday, August 25, 2010 - 22:15Modified on: Thursday, August 18, 2016 - 11:12Welcome to part twelve of A Beginner's Guide to CSS, entitled "Borders in CSS". As the title dictates, this chapter will cover how to use CSS to apply borders to elements. How to draw a simple border To begin with, we will look at applying a seamless border around an element, then we will move onto styling different edges of that border.
- Submitted on: Tuesday, September 14, 2010 - 22:17Modified on: Wednesday, August 24, 2016 - 11:07Welcome to part thirteen of the Beginner's Guide to CSS series — CSS and Lists, which is all about creating and styling lists. This installment doesn't deal with adding images as bullet points or specifying background images for a list, as I felt these topics were beyond the scope of this tutorial.
- Submitted on: Saturday, April 9, 2011 - 22:18Modified on: Wednesday, August 31, 2016 - 08:44Welcome to part fourteen of A Beginner's Guide to CSS — CSS Layout. All the other past tutorials have led up to this magnanimous point, where we will be covering a substantial CSS topic — how to create layout with CSS. You're probably thinking, we've covered layout...haven't we? but we haven't really.
- Submitted on: Thursday, May 26, 2011 - 21:05Modified on: Thursday, August 18, 2016 - 11:11I've covered margins and padding in a tutorial for my Intermediate and Advanced section, but we've got to the point within this series where you'll need to learn these two properties.
- Submitted on: Monday, May 30, 2011 - 17:36Modified on: Thursday, August 18, 2016 - 11:15We perhaps should have covered this at the beginning of the series, but I wanted to give you a feel for CSS before delving into the more technical side of things.
- Submitted on: Monday, August 15, 2011 - 21:38Modified on: Wednesday, August 24, 2016 - 11:33Welcome to another instalment of the A Beginner's Guide series. In this chapter we will be looking at an element that has gained a lot of unpopularity over the years: the table element.