Duda Faq 18

[szn]

Hola!!
Estoy empezando a "experimentar" con CSS, y en el Faq encontre un mensaje muy util:

Iniciado por CORE

Tips para CSS

/* usa siempre nombres en mayusculas para identificar al elemento */

/*Modulos de Texto

• ABBR {}
• ACRONYM {}
• ADDRESS {}
• BLOCKQUOTE {}
• BR {}
• CITE {}
• CODE {}
• DFN {}
• DIV {}
• EM {}
• H1 {}
• H2 {}
• H3 {}
• H4 {}
• H5 {}
• H6 {}
• KBD {}
• P {}
• PRE {}
• Q {}
• SAMP {}
• SPAN {}
• STRONG {}
• VAR {}

/*Modulos de Hipertexto*/

• A:link { } /* vínculos no visitados */
• A:visited { } /* vínculos visitados */
• A:hover { } /* el usuario señala el vínculo */
• A:active { } /* vínculos activos */

*/

/* Modulos de Imagenes*/

• IMG {}

/* los IDs van siempre con un #, ordenalos por orden alfabetico */


/* Modulos de Tablas

• CAPTION {}
• COL {}
• COLGROUP {}
• TABLE {}
• TBODY {}
• TD {}
• TFOOT {}
• TH {}
• THEAD {}
• TR {}

*/

/* Modulos de Formularios

• BUTTON {}
• FIELDSET {}
• FORM {}
• INPUT {}
• LABEL {}
• LEGEND {}
• SELECT {}
• OPTGROUP {}
• OPTION {}
• TEXTAREA {}

*/


/* Modulos de Edicion

• DEL{}
• INS{}

*/

/* Modulos de Listado

• DL {}
• DD {}
• DT {}
• LI {}
• OL {}
• UL {}

Lo que me gustaria pedir, que seguro aqui la mayoria lo sabe, es si pueden decirme que significa cada modulo, yo conozco algunos (H1/H6,links, imagen, algunos de formularios), pero hay otros que no se para que sirven.
Ya lo he estado buscando, pero no lo encuentro claro, y aqui he visto que todo esta muy bien explicado.

Y aprovecho para preguntar, si al crear una hoja de estilos, es necesario llevar un orden especifico, por ejemplo, siempre debe ir primero body, despues h1, h2, etc.

Saludos y gracias!!!

[AlvaroG]

Para preguntas como esta nada mejor que leer la especificación HTML 4.01 del W3C.

muchas etiquetas listadas ahí son de poco uso, aunque con un significado bastante específico (como ACRONYM, por ejemplo)
Las etiquetas (no "módulos") listados ahí son:

ABBR - abreviatura
ACRONYM - sigla
ADDRESS - dirección
BLOCKQUOTE - cita de varias líneas (en bloque)
BR - salto de línea
CITE - cita (no termino de entender la diferencia con blockquote)
CODE - bloque de código
DFN - definición de un término
DIV - contenedor vacío
EM - énfasis lógico - cursiva
H1 - título
H2 - título
H3 - título
H4 - título
H5 - título
H6 - título
KBD - texto que debe ser ingresado por el usuario (en manuales, por ejemplo)
P - párrafo
PRE - texto preformateado (conserva saltos de línea y espacios)
Q - cita de una línea (elemento en línea)
SAMP - salida de ejemplo (de programas, usada al igual que KBD en manuales y tutoriales)
SPAN - elemento en línea vacío
STRONG - énfasis lógico - negrita
VAR - variable (también combinados con KBD y SAMP)

/* Modulos de Tablas
CAPTION - cabecera de tabla
COL - columna de tabla
COLGROUP - grupo de columnas
TABLE - tabla
TBODY - cuerpo de la tabla (no necesaria)
TD - celda de datos
TFOOT - pie de tabla
TH - celda de cabecera (primera fila, por ejemplo)
THEAD - cabecera de tabla
TR - fila de tabla

BUTTON - botón
FIELDSET - conjunto de campos
FORM - formulario
INPUT - campo de entrada
LABEL - etiqueta para un campo
LEGEND - texto descriptivo de un conjunto de campos
SELECT - lista desplegable
OPTGROUP - submenú dentro de una lista
OPTION - opción de una lista
TEXTAREA - área de texto

DEL - texto eliminado
INS - texto insertado
(usadas para control de versiones de un documento)

DL - lista de definiciones
DD - definición
DT - término
LI - elemento de lista
OL - lista numerada
UL - lista desordenada


Con respecto al orden, es cuestión de gustos. Excepto en las pseudoclases de los enlaces, donde es preferible mantener el orden LoVe/HAte: link, visited, hover y luego active.


Saludos.

[szn]

Muchisimas gracias!!!! resolviste todas mis dudas :)