Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS (cascading style sheets) - Coggle Diagram
CSS (cascading style sheets)
¿Como agregamos CSS?
Estilos en línea: se usa el atributo style en la etiqueta HTML que se quiere modificar.
Estilos incrustados: se usa el elemento en la sección del encabezado del documento HTML, donde se escriben las reglas CSS.
Hojas de estilo externas: se usa el elemento en la sección del encabezado del documento HTML, apuntando a un archivo CSS externo con el atributo src
Selectores de CSS
Selector de tipo
Selecciona todos los elementos que coinciden con el nombre del elemento especificado.
Selector de clase
Selecciona todos los elementos que tienen el atributo de class especificado.
Selector de ID
Selecciona un elemento basándose en el valor de su atributo id. Solo puede haber un elemento con un determinado ID dentro de un documento.
Definición de CSS:estilo en cascada (CSS, cascading style sheets) permiten crear páginas web atractivas. Pero ¿cómo funcionan realmente? En este artículo explicaremos qué es el CSS con un ejemplo de sintaxis sencillo y describiremos algunos términos clave sobre este lenguaje.
En el módulo Introducción al HTML, exponemos qué es el HTML y cómo se usa para definir documentos destinados a leerse en un navegador web. Los títulos se verán más grandes que el texto y los párrafos empezarán en una línea nueva y habrá un espacio entre ellos.
Sintaxis: CSS es un lenguaje basado en reglas: cada usuario define las reglas que especifican los grupos de estilos que van a aplicarse a elementos particulares o grupos de elementos de la página web. Por ejemplo: «Quiero que el encabezado principal de mi página se muestre en letras grandes de color rojo».
Enlaces de CSS: Dar estilo a los enlaces, es importante comprender cómo utilizar las pseudoclases para diseñar los estados de un enlace de manera efectiva y cómo diseñar enlaces para su uso en diversas funciones de interfaz comunes, como menús y pestañas de navegación. Veremos todos estos temas en este artículo.
Barra de navegación de CSS
Barras de navegación
Tener una navegación fácil de usar es importante para cualquier sitio web.
Con CSS se puede transformar menús HTML aburridas en barras de buen aspecto de navegación.
Una barra de navegación necesita HTML estándar como base.
En nuestros ejemplos vamos a construir la barra de navegación de una lista HTML estándar.
Una barra de navegación es básicamente una lista de enlaces, así que usar el <ul> y <li> elementos hace perfecto sentido:
Tabla de CSS:estilos a una tabla HTML no es el trabajo más interesante del mundo, pero a veces hay que hacerlo. Este artículo proporciona una guía para hacer que las tablas HTML presenten un aspecto agradable, para ello usaremos algunas de las características específicas para tablas que hemos destacado en artículos anteriores.
<table summary="Los grupos de música punk más famosos del Reino Unido">
<caption>Un resumen de los grupos de música punk más famosos del Reino Unido</caption>
Comentarios de CSS: Estos comentarios son usados para añadir notas explicatorias o prevenir que el navegador interprete partes de la hoja de estilos.
Los comentarios se pueden colocar en cualquier espacio en blanco que se permita en la hoja de estilos.