Html And Css Chet Sheet printable pdf download

Html And Css Chet Sheet

HTML & CSS Cheat Sheet Fall 2016

HTML & CSS Cheat Sheet

from Typographic Web Design 3 by Laura Franz

Web safe fonts vs web fonts

You can expect these web safe fonts to work across most platforms and browsers

without using @font-face or a web font provider.

Georgia

Verdana

Arial

Times New Roman

Trebuchet MS

Impact

Courier

Comic Sans MS

Starting an HTML document

Whenever you start a new HTML document, you need to start somewhere!

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>

<body>

</body>

</html>

Basic Type Tags

Wrap text in tags to tell the browser what kind of element it is.

You have six headings to work with (h1-h6) but only one p!

h1, h2, h3, h4, h5, h6, p

Describe type elements in CSS like so (optional values are in parenthesis):

h1{

font-family: Georgia;

font-weight: normal; (bold)

font-style: italic; (normal)

font-size: 60px; (can measure in px, em, rem, %)

line-height: 60px; (can measure in px, em, %)

text-transform: uppercase; (lowercase, capitalize)

letter-spacing: 5px; (can measure in px, em, %)

text-align: center; (right, left, justify)

color: #ffffff; (#cccccc, #999999, #666666, #333333, #000000)

}

Html And Css Chet Sheet