1

Tutorial: Maquetar una web

Etiquetas basicas
<p> Es para poner un parrafo
<div> Es un divisor
<img> Es una etiqueta para agregar imagenes
<a> Es para agregar enlaces
<ul> para crear listas no ordenadas
<li> Crear una lista individual, dentro de una lista ordenada o no ordenada
<h1>…<h6> Son para agregar titulos, del mas peque al mas grande
<section> es un divisor tambien, pero se puede utilizar para algo mas ordenado

Pseudoelementos
Son no accesibles, su estructura es con ::

  • After

  • Before

  • Firts latter

  • placeholder

Pseudoclases
Son accesibles y su estructura es con :

  • hover

  • nth-child

  • active

  • focus

Selectores basico y combinado

selector basico solo uno, combinado cuando son mas

basico

  • class

  • #id

Combinado

  • div p

  • p.clase

  • #id p

Cascada

El orden de las reglas en css importa, se enfoca en todos pero le da importancia solo al ultimo.

  • #id
    p.clase{

Especificidad

  • Que tan especifico somos para seleccionar un elemento

Tipos de display mas usados: Grid y Flex

Flex: caja de alineacion y sirve para contenido
Grid: Es una Cuadriculla, sirve para filas y columnas

Escribe tu comentario
+ 2