HTML and CSS Reference
In-Depth Information
F
IGURE
4-4 CSS property inspection with Firebug
Hello CSS World
For the purpose of this demo, we'll use a document-wide style, as defined with the
<style>
tag found in the
<head>
element of an HTML document:
<!DOCTYPE html
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
Hello CSS World
</title>
<style type="text/css">
/* sample style sheet */
body {background-color: black; color: white;}
h1 {color: red; font-size: xx-large; text-align: center;}
#heart {color: red; font-size: xx-large;}
.fancy {background-color: orange; color: black; font-weight: bold;}
</style>
</head>
<body>
<h1>
Welcome to the World of CSS
</h1>
