CSS Básico

Iniciar con CSS es más fácil de lo que puede parecer, este no es un lenguaje de programación y no es tan complejo en cuestión de lógica y aprendizaje, aunque no hay que subestimar los Estilos CSS, constantemente nos encontramos con desarrolladores de software los cuales no pueden con CSS, esto se debe a que este requiere cierto arte, estilo y percepción de diseño, puede que en si sea código y se conozca la técnica, pero en la práctica generar algo llamativo requiere otro tipo de lógica que no es de programación.

Para iniciar con CSS debemos conocer lo básico de HTML, luego de esto estarás preparado para empezar a crear sitios web básicos y funcionales, CSS se inicia aplicando estilos sencillos y fáciles de controlar, tamaños, fuentes y colores es lo más básico que podemos aplicar.

Como crear tu primer documento HTML5 Y CSS

No desarrolles estructuras complejas, entre más simple, más fácil podrás crear unas reglas CSS y podrás controlar el código de tu sitio web, con HTML5 podrás crear estructuras fáciles, entendibles y optimizadas para SEO, te mostrare un código muy básico con el que puede crear tu primera página web y crear reglas CSS sencillas.

Estructura HTML5

<!DOCTYPE html>
<html>
  <head>
    <title>Código HTML5</title>
  </head>
  <body>
   <header>
    <nav>
     <ul>
      <li>Menu 1</li>
      <li>Menu 2</li>
      <li>Menu 3</li>
      <li>Menu 4</li>
      <li>Menu 5</li>
    </ul>
   </nav>
  </header>
  <aside>
  </aside>
  <main>
   <section>
     <article>
      <h1>>Esto es un titulo principal</h1>
      <p>
	Esto es un parrafo del texto principal del articulo
      </p>
     </article>
   </section>
  </main>
  <footer>
  </footer>
 </body>
</html>

Código CSS básico

header {
    width: 80%;
    height: 200px;
    margin: auto;
}

nav{
    width: 100%;
    height: 50px;
}

nav ul li{
    float: left;
    padding: 5px 20px;
    color: white;
    text-align: center;
}