Skip to content

Instantly share code, notes, and snippets.

@bitwiser

bitwiser/html.html

Created March 1, 2014 19:04
Show Gist options
  • Save bitwiser/9295391 to your computer and use it in GitHub Desktop.
Save bitwiser/9295391 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html.html
Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to style web pages and interfaces written in HTML and XHTML, the language can be applied to any kind of XML document, including plain XML, SVG and XUL.
1.
<html>
<head><title>1</title></head>
<body style="background-image: url('image.jpg')">
Body
</body
</html>
2.
<html>
<head><title>2</title></head>
<body style="background-color: lightgreen">
Body
</body
</html>
3.
<html>
<head>
<title>3</title>
<style>
.prospective{
font-weight: bold; //a
color: red; //b
font-style: italic; //c
font-size: 45px; //d
background-color: yellow; //e
word-spacing: 15px; //f
letter-spacing: 15px; //g
border: 1px solid double; //h
border-color: blue; /i
}
</style>
</head>
<body style="background-color: lightgreen">
<div class="prospective">New Prospective</div>
<div class="prospective">New Prospective</div>
<div class="prospective">New Prospective</div>
</body
</html>
4.
<html>
<head>
<title>3</title>
<style>
.prospective{
font-weight: bold;
color: red;
font-style: italic;
font-size: 45px;
background-color: yellow;
word-spacing: 15px;
letter-spacing: 15px;
border: 1px solid double;
border-color: blue;
}
</style>
</head>
<body style="background-color: lightgreen">
<div class="prospective" style="color:black">New Prospective</div>
<div class="prospective" style="color:black">New Prospective</div>
<div class="prospective" style="color:black">New Prospective</div>
</body
</html>
5.
<html>
<head>
<title>3</title>
<style>
.prospective{
font-weight: bold;
color: red;
font-style: italic;
font-size: 45px;
background-color: yellow;
word-spacing: 15px;
letter-spacing: 15px;
border: 1px solid double;
border-color: blue;
}
#myDiv{
color: blue;
margin-left: 300px;
margin-top: 400px;
}
</style>
</head>
<body style="background-color: lightgreen">
<div id="myDiv" class="prospective" style="color:black">New Prospective</div>
<div class="prospective" style="color:black">New Prospective</div>
<div class="prospective" style="color:black">New Prospective</div>
</body
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment