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
Curso de Frontend Developer