Subido por evelintrurtu2

CSS

Anuncio
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)
Descargar