CSS (Cascading Style Sheets) “Hojas de estilo en cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Selector universal El selector universal se indica mediante un asterisco (*). A pesar de su sencillez, no se utiliza habitualmente, ya que es difícil que un mismo estilo se pueda aplicar a todos los elementos de una página. CSS (Cascading Style Sheets) Selector de tipo o etiqueta Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector. Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML (sin los caracteres "<" y ">") correspondiente a los elementos que se quieren seleccionar. CSS (Cascading Style Sheets) Selector class Una de las soluciones más sencillas para aplicar estilos a un solo elemento de la página consiste en utilizar el atributo class de HTML sobre ese elemento para indicar directamente la regla CSS que se le debe aplicar: CSS (Cascading Style Sheets) Selectores de ID El selector de ID permite seleccionar un elemento de la página a través del valor de su atributo id. Este tipo de selectores sólo seleccionan un elemento de la página porque el valor del atributo id no se puede repetir en dos elementos diferentes de una misma página. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) header sirve para mostrar información de cabecera útil para un documento u otras secciones principales. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) nav tiene sus etiquetas de apertura y cierre, el código que se encuentre entre ambas se considerará perteneciente a un menú de navegación de la página web. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Submenú CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) main tiene sus etiquetas de apertura y cierre, el código que se encuentre entre ambas se considerará perteneciente al contenido principal o destacado de la web. article tiene sus etiquetas de apertura y cierre, el código que se encuentre entre ambas se considerará perteneciente a un contenido o información única y específica de la web. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit ese cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) aside tiene sus etiquetas de apertura y cierre, el código que se encuentre entre ambas se considerará perteneciente a una sección no necesariamente relacionada con el contenido principal de la web. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) footer representa el pie de un documento o sección. La información que se suele añadir en este bloque es el autor del documento, enlaces a contenido relacionado, información de copyright, avisos legales, etc. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Actualizar el index.html la clase contenido CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Estilos a la navegación (primer nivel) CSS (Cascading Style Sheets) Actualizar nav del archivo index.html colocarlo dentro de un div. CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Estilos de contenedor principal CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) Agregar la clase botón a la etiqueta de hipervínculo del archivo index.html CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets)