HenriqueLimas/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
* {
  font-family: 'arial', 'Helvetica', 'sans-serif';
}
.classe {
  color: red;
  font-family: 'Helvetica';
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 24px;
}

h1 {
  color: #FF0000;
  font-family: 'arial';
  font-size: smaller;
}

h2 {
  color: #00FF00;
  font-family: 'sans-serif';
  font-size: 100%;
}

p {
  color: rgb(0, 0, 255);
  font-family: 'Helvetica';
  font-size: 14px
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

.normal {
  font-style: normal;
}

.small-caps {
  font-variant: small-caps;
}

.v-normal {
  font-variant: normal;
}

.font {
  font: small-caps bold 14px "Comic Sans MS", sans-serif;
}

.status-bar {
  font: status-bar;
}

.inherit {
  font: inherit;
}

.small-caption {
  font: small-caption;
}
</style>
</head>
<body>
  <h1>This is red</h1>
  <h2>This is green</h2>
  <p>This is a paragraph</p>
  <div class="classe">
    Hello
  </div>

  <p class="italic">Este é o estilo italic</p>
  <p class="oblique"> Este é o estilo obliquo</p>
  <p class="normal"> Este é o estilo normal</p>

  <p class="small-caps">Este é a variante small-caps</p>
  <p class="v-normal">Esta é a variante normal</p>

  <p class="font">Exemplo de font</p>

  <p class="status-bar">Font usada com status-bar</p>

  <p class="inherit">Font inherith</p>

  <p class="small-caption">Paragrafo small-caption</p>


<script id="jsbin-source-css" type="text/css">* {
  font-family: 'arial', 'Helvetica', 'sans-serif';
}
.classe {
  color: red;
  font-family: 'Helvetica';
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 24px;
}

h1 {
  color: #FF0000;
  font-family: 'arial';
  font-size: smaller;
}

h2 {
  color: #00FF00;
  font-family: 'sans-serif';
  font-size: 100%;
}

p {
  color: rgb(0, 0, 255);
  font-family: 'Helvetica';
  font-size: 14px
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

.normal {
  font-style: normal;
}

.small-caps {
  font-variant: small-caps;
}

.v-normal {
  font-variant: normal;
}

.font {
  font: small-caps bold 14px "Comic Sans MS", sans-serif;
}

.status-bar {
  font: status-bar;
}

.inherit {
  font: inherit;
}

.small-caption {
  font: small-caption;
}</script>
</body>
</html>

## jsbin.topobocuya.css
* {
  font-family: 'arial', 'Helvetica', 'sans-serif';
}
.classe {
  color: red;
  font-family: 'Helvetica';
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 24px;
}

h1 {
  color: #FF0000;
  font-family: 'arial';
  font-size: smaller;
}

h2 {
  color: #00FF00;
  font-family: 'sans-serif';
  font-size: 100%;
}

p {
  color: rgb(0, 0, 255);
  font-family: 'Helvetica';
  font-size: 14px
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

.normal {
  font-style: normal;
}

.small-caps {
  font-variant: small-caps;
}

.v-normal {
  font-variant: normal;
}

.font {
  font: small-caps bold 14px "Comic Sans MS", sans-serif;
}

.status-bar {
  font: status-bar;
}

.inherit {
  font: inherit;
}

.small-caption {
  font: small-caption;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	* {
	font-family: 'arial', 'Helvetica', 'sans-serif';
	}
	.classe {
	color: red;
	font-family: 'Helvetica';
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 24px;
	}

	h1 {
	color: #FF0000;
	font-family: 'arial';
	font-size: smaller;
	}

	h2 {
	color: #00FF00;
	font-family: 'sans-serif';
	font-size: 100%;
	}

	p {
	color: rgb(0, 0, 255);
	font-family: 'Helvetica';
	font-size: 14px
	}

	.italic {
	font-style: italic;
	}

	.oblique {
	font-style: oblique;
	}

	.normal {
	font-style: normal;
	}

	.small-caps {
	font-variant: small-caps;
	}

	.v-normal {
	font-variant: normal;
	}

	.font {
	font: small-caps bold 14px "Comic Sans MS", sans-serif;
	}

	.status-bar {
	font: status-bar;
	}

	.inherit {
	font: inherit;
	}

	.small-caption {
	font: small-caption;
	}
	</style>
	</head>
	<body>
	<h1>This is red</h1>
	<h2>This is green</h2>
	<p>This is a paragraph</p>
	<div class="classe">
	Hello
	</div>

	<p class="italic">Este é o estilo italic</p>
	<p class="oblique"> Este é o estilo obliquo</p>
	<p class="normal"> Este é o estilo normal</p>

	<p class="small-caps">Este é a variante small-caps</p>
	<p class="v-normal">Esta é a variante normal</p>

	<p class="font">Exemplo de font</p>

	<p class="status-bar">Font usada com status-bar</p>

	<p class="inherit">Font inherith</p>

	<p class="small-caption">Paragrafo small-caption</p>



	<script id="jsbin-source-css" type="text/css">* {
	font-family: 'arial', 'Helvetica', 'sans-serif';
	}
	.classe {
	color: red;
	font-family: 'Helvetica';
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 24px;
	}

	h1 {
	color: #FF0000;
	font-family: 'arial';
	font-size: smaller;
	}

	h2 {
	color: #00FF00;
	font-family: 'sans-serif';
	font-size: 100%;
	}

	p {
	color: rgb(0, 0, 255);
	font-family: 'Helvetica';
	font-size: 14px
	}

	.italic {
	font-style: italic;
	}

	.oblique {
	font-style: oblique;
	}

	.normal {
	font-style: normal;
	}

	.small-caps {
	font-variant: small-caps;
	}

	.v-normal {
	font-variant: normal;
	}

	.font {
	font: small-caps bold 14px "Comic Sans MS", sans-serif;
	}

	.status-bar {
	font: status-bar;
	}

	.inherit {
	font: inherit;
	}

	.small-caption {
	font: small-caption;
	}</script>
	</body>
	</html>