Nuevos Avances en Lenguaje de Marcas - Empezamos con los Estilos en HTML con CSS

-

 En el día de hoy hemos empezado con los estilos y como implementarlos con CSS en nuestro documento HTML. Los mas importante de esta clase es que nos iniciamos en CSS.

¿Qué es CSS?

CSS es un mecanismo complementario del lenguaje HTML que permite indicarle al navegador el estilo que debe darle a los distintos elementos al desplegar la información de un sitio web. La pagina oficial es esta.

Gracias a esto podremos mejorar nuestro proyecto y aplicar diferentes estilos en los documentos HTML. Durante la clase vimos las diferentes características de CSS, y las diferentes maneras de aplicarlo en nuestro documento HTML.

Dimos dos maneras de aplicar el CSS:

  1. Esta primera forma es inicializarlo dentro de "head" de nuestro documento HTML, indicando los diferentes estilos y donde queremos aplicarlo.
  2. La segunda forma es implementarlo a partir de un documento adicional de CSS, donde solo se forman los estilos y luego dentro del documento HTML se enlazan para que ese documento se aplicara al de HTML.
También vimos por encima los estilos que ofrece CSS gracias a las CheatSheet, donde se indican todos los estilos aplicables en CSS.




Comentarios

Publicar un comentario

Entradas populares de este blog

Nuevos Avances en Base de Datos - Comando Alter en MySQL.

-
Imagen
 Comando Alter MySQL proporciona la función  ALTER  que nos ayuda a  incorporar los cambios al diseño de la base de datos ya existente  . La sintaxis básica utilizada para agregar una columna a una tabla ya existente se muestra a continuación 1 ALTER TABLE `table_name` ADD COLUMN ` column_name` `data_type`; AQUÍ “ALTER TABLE  table_name  “  es el comando que le dice al servidor MySQL que modifique la tabla llamada  table_name . “ADD COLUMN  column_name   data_type “  es el comando que le dice al servidor MySQL que agregue una nueva columna llamada ‘column_name’ con el tipo de datos’ data_type ‘.
Leer más

Nuevos Avances en Lenguaje de Marcas - Nuevas etiquetas CSS (Position).

-
Imagen
Etiqueta Position La propiedad position de CSS especifica cómo un elemento es posicionado en el documento. Las propiedades top, right, bottom, y left determinan la ubicación final de los elementos posicionados. Un elemento posicionado es un elemento cuyo valor computado de position es relative, absolute, fixed, o sticky. (En otras palabras, cualquiera excepto static). Un elemento posicionado relativamente es un elemento cuyo valor computado de position es relative. Las propiedades top y bottom especifican el desplazamiento vertical desde su posición original; las propiedades left y right especifican su desplazamiento horizontal. Un elemento posicionado absolutamente es un elemento cuyo valor computado de  position es absolute o fixed. Las propiedades top, right, bottom, y  left especifican el desplazamiento desde los bordes del bloque contenedor del elemento. (El bloque contenedor es el ancestro relativo al cual el elemento está posicionado). Si el elemento tiene márgenes, se ...
Leer más