mvallez/dabblet.css

## dabblet.css
/**
 * Estructura básica html5
 */


* {margin:0; padding:0; border:0;}

html, body {
 	width: auto;
 	height: 100%;
 	font-family:Verdana, Geneva, sans-serif;
 	font-weight:bold;
 	background-color:#333;
 	}

header{
 	position:relative;
 	background-color:#9CC;
 	color:#FFF;
 	width:98%;
 	height:13%;
 	margin: 0px auto;
	}

 nav{
 	position:relative;
 	background-color:#CC9;
 	color:#FFF;
 	width:98%;
 	height:13%;
 	margin: 0px auto;
	}

section{
 	position:relative;
 	float:left;
	background-color:#777;
 	width:78%;
 	height:58%;
 	color:#FFF;
 	}

article{
	background-color: #0CC;
	width:98%;
	height:58%;
	color:#FFF;
	}

aside{
 	position:relative;
 	background-color:#7A7;
 	width:18%;
 	height:55%;
 	color:#FFF;
 	float:left;
	}

footer{
 	position:relative;
	background-color:#AA7;
	width:98%;
	height:5%;
	color:#FFF;
	clear:both;
	}

header,section,footer,aside,article,nav
	{
	margin:1%;
	}

## dabblet.html
<!DOCTYPE html>

<html lang="es">

<head>
<title>Titulo de la web</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="default.css">
</head>

<body>
    <header>
       <h1>Mi sitio web</h1>
       <p>Mi sitio web creado en html5</p>
    </header>
    <section>
       <article>
           <h2>Titulo de art1</h2>
           <p> Contenido (ademas de imagenes) </p>
       </article>
    </section>
        <aside>
       <h3>Titulo de contenido</h3>
           <p>contenido</p>
    </aside>
    <footer>
        Creado por mi el 2011
    </footer>
</body>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Estructura básica html5
	*/




	* {margin:0; padding:0; border:0;}

	html, body {
	width: auto;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	background-color:#333;
	}

	header{
	position:relative;
	background-color:#9CC;
	color:#FFF;
	width:98%;
	height:13%;
	margin: 0px auto;
	}

	nav{
	position:relative;
	background-color:#CC9;
	color:#FFF;
	width:98%;
	height:13%;
	margin: 0px auto;
	}

	section{
	position:relative;
	float:left;
	background-color:#777;
	width:78%;
	height:58%;
	color:#FFF;
	}

	article{
	background-color: #0CC;
	width:98%;
	height:58%;
	color:#FFF;
	}

	aside{
	position:relative;
	background-color:#7A7;
	width:18%;
	height:55%;
	color:#FFF;
	float:left;
	}

	footer{
	position:relative;
	background-color:#AA7;
	width:98%;
	height:5%;
	color:#FFF;
	clear:both;
	}

	header,section,footer,aside,article,nav
	{
	margin:1%;
	}
	<!DOCTYPE html>

	<html lang="es">

	<head>
	<title>Titulo de la web</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="default.css">
	</head>

	<body>
	<header>
	<h1>Mi sitio web</h1>
	<p>Mi sitio web creado en html5</p>
	</header>
	<section>
	<article>
	<h2>Titulo de art1</h2>
	<p> Contenido (ademas de imagenes) </p>
	</article>
	</section>
	<aside>
	<h3>Titulo de contenido</h3>
	<p>contenido</p>
	</aside>
	<footer>
	Creado por mi el 2011
	</footer>
	</body>