Yan Arlex Vallejo
@yavallejo
Fundador de aprendiendoando
Organizador de WordPress Tuluá
HTML
Es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web
Todo se basa en las etiquetas (de apertura y de cierre)
*HTML no es un lenguaje de Programación
Etiquetas
- Main
- Section
- Article
- Header
- Aside
- Video
- Audio
*HTML no es un lenguaje de Programación
CSS
Hojas de Estilo en Cascada
Selectores CSS
- Universal (*)
- Clase
- ID
- Etiqueta
Fuentes Personalizadas
Iconos de fuentes
Meta Viewport
<meta name="viewport" content="width=device-width, initial-scale=1">Malas Practicas en CSS
No utilizar Comentarios
No normalizar tu proyecto
Normalize.css
Usar @import
Utilizar Selector de ID
Utilizar Selector de etiqueta
Colocar Estilos En linea
No Utilizar Shorthands
Ejercicios
ul.nav {}
a.button {}
div.header {}¿Correcto o incorrecto?
.btn {
background: red;
}¿Cual es la correcta?
.btn {
background-color: red;
}.error-text {
color: #c00!important;
}
¿Correcto o incorrecto?
<h2 style="color:red;margin-top:15px">WordPress</h2>¿Correcto o incorrecto?
Emmet
