Category Archives: CSS for Beginner

CSS for Beginner

CSS Borders

Borders can be applied to most HTML elements within the body. To make a border around an element, all you need is border-style. The values can be solid, dotted, dashed, double, groove, ridge, inset and outset. border-width sets the width of the border, which is usually in pixels. There are also properties for border-top-width, border-right-width, […]

CSS Margins and Padding

margin and padding are the two most commonly used properties for spacing-out elements. A margin is the space outside of the element, whereas padding is the space inside the element. Change the CSS code for h2 to the following:   h2 {         font-size: 1.5em;         background-color: #ccc;         margin: 1em;         padding: 3em; } […]

CSS Selectors, Properties, and Values

Whereas HTML has tags, CSS has ‘selectors‘. Selectors are the names given to styles in internal and external style sheets. In this CSS Beginner Tutorial we will be concentrating on HTML selectors, which are simply the names of HTML tags and are used to change the style of a specific tag. For each selector there […]

Applying CSS

There are three ways to apply CSS to HTML. In-line: In-line styles are plonked straight into the HTML tags using the style attribute. They look something like this:   <p style=”color: red”>text</p> This will make that specific paragraph red. But, if you remember, the best-practice approach is that the HTML should be a stand-alone, presentation […]

CSS Beginner Tutorial

Like the HTML Beginner Tutorial, the CSS Beginner Tutorial assumes that you know as much about CSS as you do about the cumulative effects of sea squirt discharge on the brain chemistry of Germanic ammonites. The purpose of this guide is to teach the bare essentials – just enough to get started. The CSS Intermediate […]