Un archivo HTML se puede mostrar en varios formas –

http://www.w3schools.com/css/demo_default.htm

Formas de aplicar

Existen 3 maneras de incorporar estilo CSS en nuestro archivo HTML

  1. dentro del archivo HTML dentro de las etiquetas p. ejemplo –
  2. dentro del archivo HTML con la etiqueta
    <style type=”text/css”>
    h1 {color:red;}
    p {color:blue;}
    </style>
  3. fuera del archivo HTML, creando un archivo CSS & vinculandolo con la etiqueta –
    <link rel=”stylesheet” type=”text/css” href=”mystyle.css” />

Comentarios

/*This is a comment*/

Estilo elementos

Para controlar el estilo de varios elementos los ponemos así :

h1, h2, h3, h4 {

color: #fff;

}

ID

El Selector ID se usa solo para un (& solo uno!) elemento en nuestro archivo HTML & se usa así –

# main {

margin: 0, auto;

backround-color: #ccc;

}

Y lo relacionamos al elemento así –

bla nla bla

Class

El Selector class se usa para controlar elementos en nuestro archivo HTML & se usa así –

.highlight {

color: #000;

backround-color: #ccc;

}

Y lo relacionamos al elemento así –

bla nla bla

Unidades

Measurement Values

Unit Description
% percentage
in inch
cm centimeter
mm millimeter
em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then ‘2em’ is 24 pt. The ’em’ is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses
ex one ex is the x-height of a font (x-height is usually about half the font-size)
pt point (1 pt is the same as 1/72 inch)
pc pica (1 pc is the same as 12 points)
px pixels (a dot on the computer screen)