Para crear una hoja de estilo externa :

1. Haremos click en el botón de elemento -link-
2. Escribimos la direccion web (URL) de la hoja de estilo en el panel de la derecha. Si no existe ya, se creará un nuevo fichero en el sistema de archivo local.
3. Activaremos comprobar el crear una hoja de estilo alternativa si ésta es una alternativa.

CONSEJO: guardemos siempre el documento html antes de agregar una hoja de estilo local.

CREAR REGLAS DE ESTILO:

Después de crear una o más hojas de estilo para el documento html, se pueden crear reglas para cada hoja de estilo de forma individual. Para usar una hoja de estilo concreta al crear o modificar reglas, selecciónala en el panel de la izquierda haciendo click sobre ella con el botón izquierdo del ratón. El panel de la derecha mostrará entonces los detalles de la hoja de estilo en la pestaña general. Para crear reglas nuevas, lo siguiente:

1. Haremos click en el botón regla del panel izquierdo.
2. El panel de la derecha mostrará opciones para especificar el tipo de regla a crear. Elegiremos una entre las siguientes:

• estilo con nombre
• estilo aplicado a todos los elementos del tipo
• estilo aplicado a todos los elementos coincidentes con este selector

3. Rellenaremos el nombre de la regla

4. Haremos click en crear regla de estilo

Las reglas pueden ser definidas usando las pestañas de estilo (texto, fondo, bordes, caja, capa, colores, etc) del panes de la derecha. Para cer todas las definiciones de un regla de estilo, seleccionamos en el panel de la izquierda y harmos click en la pestaña general del panel dce la derecha. La pestaña general mostrará todas las definociones aplicadas a la regla.

Aqui te dejo dos videos donde podras ver como se usa las hojas de estilo: