Temas tratados la sesión pasada

Introducción

  • Arquitectura Web Tradicional
  • Arquitectura Web API RESTful
  • HTML
  • CSS
  • DOM
  • Partes de un Tag HTML
  • Formas de conectar HTML con CSS

Elementos HTML Básicos

  • Headings
    • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • Paragraphs <p>
  • Forms <form>
    • <input type="text">
    • <input type="password">
    • <input type="radio">
    • <input type="file">
    • <select>
      • <option>
  • Link <a>
  • List <ul>
    • <li>
  • Img <img>
  • Divisor <div>

Selectores CSS Básicos

Basic Selectors

  • Type: a {}
  • Class: .aling-center {}
  • ID: #modal {}
  • Universal: * {}
  • Attribute: [type="text"] {}

Combinators

  • Descendant: .colors li {}
  • Adjacent Siblings: .title-adjacent + p {}
  • General Siblings: .title-general ~ p {}
  • Child: .list-children > li {}

Pseudo-Elements

  • First Letter: .chapter-start:first-letter {}
  • Before: .class:before {}
  • After: .class:after {}

Pseudo-Class

  • On Mouse Over: .hover-over-me:hover {}
  • First Child: .button-group:first-child {}
  • Last Child: .button-group:last-child {}

Propiedades CSS Básicas

  • Box-Model: margin, padding, border, content
  • Display: block, inline, inline-block, none
  • Position: static, relative, fixed, absolute
  • Z-Index: z-index: <entero>

Specificity

Agenda de Hoy