Ian is a UK-based senior web designer/developer who has written or co-written many web development books, including SitePoint's The Ultimate HTML Reference and Build Your Own Web Site the Right Way using HTML & CSS. Ian runs accessify.com (a web accessibility site that he started in 2002), is a regular speaker at web development conferences such as South By South West (SXSW) and works as a senior developer at UK financial services organisation Nationwide.
Ian Lloyd
Class Selectors To date, we’ve discussed the ways in which we can style various elements, such as paragraphs and headings; we’ve also seen how we can style elements in specific areas of... Read More
Which Rule Wins? When we added the grouped declaration for the headings, we changed some styles that we’d set previously. A look at the source shows that the level two heading, h2, has been set... Read More
Looking at Elements in Context Here’s a riddle for you: which of these items is bigger? A pen or a sheep? Well, the answer is either, depending on the context. If you were a farmer, you’d... Read More
A Beginner’s Palette of Styling Options We’ve looked at some examples of styles that can be applied to your web pages through CSS, but the examples we’ve seen have been a mixed bag... Read More
A Mixture of New Styles Let’s change the look of the site a little more — we’ll add more styles to the body, and change the look of the navigation. Copy the CSS below into your... Read More
Starting to Build Our Style Sheet The style sheet is ready to be used: it’s saved in the right location, and all of your web pages (all three — count ‘em) are linked to it... Read More
External Style Sheets Why External Style Sheets Are Better than Embedded Styles An external style sheet provides a location in which you can place styles that can be applied on all of your web pages.... Read More
Adding Inline Styles Open about.html in your text editor, and add an inline style. We want to make the text in the first paragraph after the “About Us” heading bold and blue. Refer to the... Read More
Chapter 3. Adding Some Style Earlier in this article, we stepped through the process of setting up your computer so that we could develop web sites, and pulled together the beginnings of a web site... Read More
Splitting Up the Page We’ve been making good progress on our fictitious site … but is a web site really a web site when it contains only one page? Just as the question, “Can you... Read More
Adding Structure Paragraphs? No problem. Headings? You’ve got them under your belt. In fact, you’re now familiar with the basic structure of a web page. The small selection of tags that... Read More
What’s It All About? Notice that, despite our inclusion of a couple of headings and a couple of paragraphs, there is little to suggest what this site is about. All visitors know so far is that... Read More
Symbols Occasionally, you may need to include the greater-than (>) or less-than (<) symbols in the text of your web pages. The problem is that these symbols are also used to denote tags in... Read More
Commenting Your HTML Back in the garage, you’re doing a little work on your project car and, as you prepare to replace the existing tires with a new set, you notice that your hubcaps... Read More
