✅En HTML y CSS tenemos diferente tipos de etiquetas cada uno con un propósito en particular una etiqueta se puede componerse de dos maneras.✅
ESTRUCTURA DE ETIQUETAS | |
Etiquetas que solo se apertura | Etiquetas que tienen una apertura y un sierre |
Este tipo de etiqueta común mente se utilizan para indicar una dirección u origen se componen por argumento u opciones tales como src href. | Este tipo de etiquetas común mente se utilizan para encerrar un contenido tales como texto img entre otros. |
Define la familia tipográfica. Es conveniente poner una lista de dos o tres tipografías separadas por coma, porque si el usuario no tiene instalada la tipografía que nosostros elegimos, el navegador opta por mostrar la siguiente que debería ser una similar, si tampoco la tiene instalada, mostrará la tipografía por defecto.
Define el tamaño de la fuente y el valor se puede escribir en pixeles o en ems, en este momento se recomienda usar ems. Los dos son valores relativo a la resolución de la pantalla, pero el em es relativo al tamaño de la fuente definida por el usuario.
Define el color de la tipografia. Los colores se pueden escribir de 3 maneras distintas: Con sistema hexagesimal. Con los nombres de los colores o usando los colores RGB.
Define los fondos de un objeto. El fondo puede ser una imagen o un color. El color puede ser pleno o degradado. La imagen se puede repetir formando una trama (es lo que ocurre por defecto) o se puede especificar que no repita y que se coloque en determinada posición.
Define el desplazamiento de la primera linea de texto, su valor se puede determinar haciendo uso de logitud y porcentaje
Define la alinecación del texto, para determinar la misma se utliza: left | right | center | justify
Integra efectos de subrayado y tachado, para definirlos se utiliza: none | underline | overline | line-through | *
Define el espacio entre los caracteres haciendo uso de: normal | longitud
Define el espacio entre las palabras haciendo uso de: normal | longitud
Transforma los caracteres a mayusculas/minusculas con: capitalize | uppercase | lowercase | none
Define el tamaño del espacio entre lineas: longitud | porcentaje
Define la alineación vetical usando: top | middle | bottombaseline | sub | super | valor
Define el ancho de un elemento, el valor se puede escribir en pixele, ems o porcentaje.
Definen el ancho máximo o mínimo de un elemento. Muy importante en sitios adaptables.
Define el alto de un elemento, el valor se puede escribir en pixels, ems o porcentaje.
Definen el alto máximo o mínimo de un elemento. Muy importante en sitios adaptables.
Es la distancia desde el borde de un elemento hasta su contenido.
Es la distancia entre un elemento y otro (desde el borde de un elemento hacia afuera).
Define el borde de un elemento, su color, su estilo y grosor.
Primero se crea una nueva carpeta en el lugar de trabajo, dicha carpeta debe de nombrarse "css" luego dentro de la misma se debe de crear un documento de texto llamado "css" y luego se le cambia la extención, a la extencion .css
Para conectarles se debe de realizar el siguiente proceso: