HTML Cheat Sheet | Cheat Sheet

External CSS File

<head>
<link rel="stylesheet" type="text/css" href="style.css" title="style">
</head>

With In HTML Header

<head>
<style type="text/css">
 h1 {
    color:red;
    }
</style>
</head>

In line With HTML

<p style="color:red;">Some red text</p>

Text Styles

text-align: left;--Horizontal Alignment - left | center | right
text-decoration: underline;--Text Decorations - eg. none | underline | line-through
font-family: fontname;--Font Face (Typeface) - eg. Verdana, Arial, Helvetica
font-size: 16pt;--Font Size or Height - eg. 12pt | 15px
font-weight: bold;--Font Weight (Boldness) - eg. bold | normal | 200

Tag Attributes

width: 400px;--Width of HTML element - eg. 100px | 50%
height: 100%;--Height of HTML element - eg. 20px | 100%
margin: 5px;--Margin - space around an element, or distance between two elements
margin-top: 1px;--Top Margin. Also try -bottom: -left: or -right
padding: 5px;--Padding - distance between an elements contents and its border
padding-top: 1px;--Top Padding. Also try -bottom: -left: or -right

Color

color: red;--Element Colour  - eg. red | #FF0000
background-color: white;--Background Colour of element
background-image: url;--Background Colour of element
border-color: yellow;--Border Colour  of element
border: 1px solid blue;--Width, style and colour of border defined together

CSS Lists

list-style: none;--Clear existing bullet types set by html list tags