LENGUAJE DE MARCAS 23/02/2021

 Hoy en Lenguaje de Marcas hemos visto la propiedad "FLOAT" :

Posiciona una caja moviéndola todo lo posible a la izquierda o derecha de su posición original.

Los 3 valores de esta propiedad se interpretan de la siguiente manera:

 Left, la caja se desplaza todo lo posible a la izquierda de la posición en la que se encontraba.

Right, la caja se desplaza todo lo posible a la derecha de la posición en la que se encontraba. El resto de elementos de la página se adaptan para mostrarse a su izquierda.

None, la caja no se desplaza respecto de su posición original.

Además el profesor ha hecho hincapié en el uso de "box-sizing / border box".

LENGUAJE DE MARCAS 19/02/2021

 

Hoy en Lenguaje de Marcas hemos vuelto a repasar las propiedades FLOAT y CLEAR. Hemos realizado un ejercicio sobre ello en clase y el profesor nos ha mandado otro ejercicio de "maquetación provisional para realizar en casa.

Recordemos: 

FLOAT: sirve para alinear un elemento, haciendo que el texto de alrededor del mismo se agrupe entorno a dicho elemento.

CLEAR: especifica si un elemento permite elementos flotantes a sus lados. Un valor left mueve el elemento debajo de cualquier elemento flotante a su izquierda, right actúa en forma similar para elementos flotantes a la derecha.

LENGUAJE DE MARCAS 16/02/2021

 Hoy en Lenguaje de Marcas hemos visto como organizar el contenido en columnas:

column-count: Permite sugerir un ancho de columna deseado.

column-width: Tiene como finalidad establecer el ancho, style y color de la línea de separación entre columnas. 

column-gap: Sirve para definir una separación de espacios entre columnas.

column-span: Hace posible que un elemento abarque todas sus columnas.

column-fill: Divide el contenido de un elemento en el número de columnas indicado.

LENGUAJE DE MARCAS 11/02/2021

 Hoy en lenguaje de Marcas seguimos trabajando la maquetación y las propiedades float y clear.

Un elemento float lo que hace es dar permiso a otros elementos para que ocupen el espacio que le ha sobrado.

La propiedad clear especifica si un elemento puede estar al lado de elementos flotantes que lo preceden o si debe ser movido debajo de ellos. La propiedad clear aplica a ambos elemento flotantes y no flotantes.

LENGUAJE DE MARCAS 09/02/2021

 Hoy nos ha explicado el profesor las nuevas características o tareas que debemos realizar en nuestros proyectos de la página web y del blog para esta 2ª evaluación.

Además hemos empezado a ver "columnas" en el aula virtual.

LENGUAJE DE MARCAS 04/02/2021

 Hemos visto el " DOM" que define la manera que objetos y elementos se relacionan entre sí en el navegador y en el documento.

También hemos estado haciendo maquetación del ejercicio "POSITION"

LENGUAJE DE MARCAS 02/02/2021

Hoy hemos visto las propiedades de la etiqueta "POSITION", como hacer que los elementos que nos acompañen en el scroll estén estáticos.

POSITION es el valor predeterminado del atributo y el posicionamiento normal de los elementos en la página.

Ejemplo de posicionamiento en CSS:

LENGUAJE DE MARCAS 28/01/2021

 Hoy en Lenguaje de Marcas hemos aprendido como funciona el "box-sizing" y la jerarquía de CSS.

Además hemos visto conceptos de la maquetación tradicional.

Aprendemos a centrar  el "LAYOUT" y los elementos.

LENGUAJE DE MARCAS 26/01/2021

 Hoy en Lenguaje de Marcas hemos visto la propiedad "DISPLAY", es la propiedad más importante para controlar estructuras. Cada elemento tiene un valor "DISPLAY" por defecto dependiendo de que tipo de elemento sea.

Además hemos visto el flujo de elementos en la ventana de nuestro navegador.

LENGUAJE DE MARCAS 21/01/2021

 Hoy en Lenguaje de Marcas vemos etiquetas como "float" que sirve para alinear un elemento, haciendo que el texto de alrededor del mismo se agrupe entorno a dicho elemento. Sus posibles valores son "left" (para alinear el elemento a la izquierda) y "right" (para linearlo a la derecha). Un elemento con "float CSS debe tener definida la anchura.

Además vemos lo que es "el diseño fijo".

LENGUAJE DE MARCAS 12/01/2020

 Repaso de todo lo dado en LENGUAJE DE MARCAS antes de Navidad, y volvemos a recordar cosas de HTML o algunas primeras pinceladas de CSS.

LENGUAJE DE MARCAS 17/12/2020

 Hoy hemos tenido LENGUAJE DE MARCAS presencial y online:

Repaso de selectores

Clases de CSS

Estilos

Modelo de caja

LENGUAJE DE MARCAS 10/12/2020

 

Hoy hemos estado haciendo un repaso y viendo la transparencia 41, seguimos con CSS y con selectores.

LENGUAJE DE MARCAS 03/12/2020

 Hoy 2 horas de lenguaje de marcas continuando con todo el tema de CSS, hemos visto medidas relativas y absolutas y hemos realizado ejercicios de CSS y como incluirlos en un archivo HTML.

LENGUAJE DE MARCAS 01/12/2020

 

Hoy en Lenguaje de Marcas hemos empezado a ver  la parte de CSS. Hemos aplicado estilos CSS a un archivo HTML. También hemos visto la definición de CSS y el organismo que lo regenta, que es el W3C.

Además hemos aprendido las formas de adherir CSS dentro de un archivo HTML.

LENGUAJE DE MARCAS 26/11/2020

Aprendemos el concepto de validación y lo aplicamos a proyectos de los alumnos. También vemos los atributos "id" y "class"
El valor del atributo “id” de un elemento es único; es decir, no debería haber otro elemento con el mismo nombre de identificador (id) dentro de tu documento HTML. 

El atributo “class” de los elementos HTML te permite llamar a un código CSS en todos los elementos que queramos (Puedes usar el selector CSS otra vez y otra vez…), solo deberemos llamar a la clase, por ejemplo, tengo un código CSS así:

1 2 3 4 5

.verde { color: green; margin: 2px; font-size: small; }