If you’re just getting started with CSS, it’s good to have a fundamental understanding of what we mean when we refer to CSS selectors. In this post I’ll briefly describe all the most well-known CSS selectors along with some examples.
This is the CSS Basics section of Impressive Webs. The articles in this section will cover basic topics for CSS beginners. These articles will not appear in the main home page feed. To get updates of new posts in this section, you can subscribe via RSS or get an email notification whenever a new post is added.
If you’re just getting started with CSS, it’s good to have a fundamental understanding of what we mean when we refer to CSS selectors. In this post I’ll briefly describe all the most well-known CSS selectors along with some examples.
Shorthand declarations can be tricky to master. In this post, I go through the basics of shorthand, and offer some suggestions for avoiding certain gotchas.
A simple post describing a couple of ways to indicate “current page” in your navigation using CSS.
When applying CSS styles to an element in your HTML, you’ll be using different CSS selectors to target your elements.
Two of the most common selectors used in CSS are the “class” selector and the “ID” selector. There are many others, but this post will focus on these two, and I’ll describe the difference so you’ll know the potential effects of using either of these selectors.
For the purpose of CSS styling, elements can be generally divided into a few different categories. Two of those categories are block-level elements and inline elements.
In my opinion, this is one of those areas that, once understood correctly, can help beginners to take their CSS skills to the next level.
Positioning elements absolutely is a useful technique to be aware of. When used selectively, it can offer many more options for what might otherwise be troublesome layout options. Here I’ll discuss the basics, with some tips for use.
When you first start out with CSS development, you might be a bit confused about the difference between margins and padding. Here’s a summary with some images to help visualize the difference.
If you’ve dropped support for IE6 and/or IE7, then your repertoire of CSS hacks is probably pretty minimal. Here I outline the methods I feel are the best ways to write IE7- and IE8-specific CSS.
If you’re a beginner and you’re developing HTML and CSS using an external stylesheet, you might notice that in some browsers, under some circumstances, the changes you’ve made to your CSS don’t take effect immediately.
In an HTML page, you can add CSS in a number of different ways, which I explain below. After I show you each method, I’ll tell you which method is best, and why.