Category Archives: CSS for Beginner

Gather all Together

You should already have an HTML file like the one made at the end of the HTML Beginner Tutorial, with a line that we added at the start of this CSS Beginner Tutorial, linking the HTML file to the CSS

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

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:  

CSS Text

You can alter the size and shape of the text on a web page with a range of properties, outlined below: font-family: This is the font itself, such as Times New Roman, Arial, or Verdana. The font you specify must

CSS Colours

CSS brings 16,777,216 colours to your disposal. They can take the form of a name, an rgb (red/green/blue) value or a hex code. red Is the same as rgb(255,0,0) Which is the same as rgb(100%,0%,0%) Which is the same as

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

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,

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