Ejemplo de inserción de estilos CSS en sección STYLE:
{code class="brush:html"}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>Bach's home page</TITLE>
<STYLE type="text/css">
h1 { color: red }
</STYLE>
</HEAD>
<BODY>
<H1>Bach's home page</H1>
<P>Johann Sebastian Bach was a prolific composer.</P>
</BODY>
</HTML>
{/code}
Ejemplo de inserción de estilos desde un fichero:
{code class="brush:html"}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>Bach's home page</TITLE>
<LINK rel="stylesheet" href="/bach.css" type="text/css">
</HEAD>
<BODY>
<H1>Bach's home page</H1>
<P>Johann Sebastian Bach was a prolific composer.</P>
</BODY>
</HTML>
{/code}
Ejemplo de inserción de estilos dentro de las etiquetas:
{code class="brush:html"}
<SPAN style="font-family: L\FC beck">...</SPAN>
{/code}
Utilización de clases
{code class="brush:html"}
.pastoral { color: green } /* all elements with class~=pastoral */
H1.pastoral { color: green } /* H1 elements with class~=pastoral */
<H1>Not green</H1>
<H1 class="pastoral">Very green</H1>
<H1>Not green</H1><H1 class="pastoral">Very green</H1>
{/code}
Más información: Selectors
Documentación sobre atributos CSS
Resumen de propiedades (PDF)
Otros estilos
{code class="brush:css"}
/*Deshabilitar selección de texto*/
-moz-user-select: none; /* Mozilla */
-khtml-user-select: none; /* Chrome */
-o-user-select: none; /* Opera */
/*Deshabilitar arrastrar imagen*/
-moz-user-drag: none; /* Mozilla */
{/code}