html{
margin:0;
padding:0;
overflow:hidden;
}
body{
background: #fff;
color: #1A1A1A;
font-size: 16px;
font-weight: normal;
margin:0;
padding:0;
}
h1{
font-size: 3em;
font-weight: 700;
margin-top: 1.5em;
line-height:normal;
}
html{
margin:0;
padding:0;
overflow:hidden;
}
body{
background: #fff;
color: #1A1A1A;
font-size: 16px;
font-weight: normal;
margin:0;
padding:0;
}
h1{
font-size: 3em;
font-weight: 700;
margin-top: 1.5em;
line-height:normal;
}
/* Code Samples */
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
background: #faf8f0;
}
#content #pre-stylish code {
display: block;
padding: 0.5em 1em;
border: 1px solid #bebab0;
}This is a pre with a
SDSDSD
SDSDSDSD
SDSDSD
SD
SD fixed width. It will use as much space as
specified.
<!DOCTYPE html><html lang="es">
<head>
<meta charset="UTsF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="Uso de highlight.js para colorear nuestros c贸digos.">
<title>HIGHLIGHT.js</title>
<!--Este estilo CSS se encuentra en el archivo zip descargado anteriormente; carpeta styles.-->
<link rel="stylesheet" href="styles/monokai-sublime.css">
<style>
html{
margin:0;
padding:0;
overflow:hidden;
}
body{
background: #fff;
color: #1A1A1A;
font-size: 16px;
font-weight: normal;
margin:0;
padding:0 10px;
}
h1{
color: #ff6262;
font-size: 3em;
font-weight: 700;
margin-top: 10px;
line-height:normal;
}
</style>
</head>
<body>
<h1>C贸digo CSS formateado con highlight.js</h1>
<!--Nuestro c贸digo debe ir dentro de la etiqueta pre + code-->
<pre><code>
html{
margin:0;
padding:0;
overflow:hidden;
}
body{
background: #fff;
color: #1A1A1A;
font-size: 16px;
font-weight: normal;
margin:0;
padding:0;
}
h1{
font-size: 3em;
font-weight: 700;
margin-top: 1.5em;
line-height:normal;
}
</code></pre>
<!--Librer铆a jQuery-->
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<!--Link de la librer铆a desde su CDN, si usted lo desea puede usar el archivo js descargado-->
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js"></script>
<!--C贸digo importante para que funcione nuestra librer铆a-->
<script>
$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>
</body>
</html>
No comments:
Post a Comment
Note: only a member of this blog may post a comment.