Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS (cascading style sheets) - Coggle Diagram
CSS (cascading style sheets)
¿Como agregamos CSS?
De manera inline, la cual no te recomiendo y que sería agregando el atributo style="" al elemento que le quisieras dar estilos.
En el fichero HTML, incluyéndolo en el head dentro de las etiquetas <style> a:hover { color:hotpink; } </style>
En un fichero aparte, añadiéndolo dentro de las etiquetas del head, con el siguiente enlace: <link rel="stylesheet" type="text/css" href="tuHojaDeEstilos.css">
Selectores de CSS
Selector de tipo
Selecciona todos los elementos que coinciden con el nombre del elemento especificado.
Selector universal
Selecciona todos los elementos. Opcionalmente, puede estar restringido a un espacio de nombre específico o a todos los espacios de nombres.b
Selector de clase
Selecciona todos los elementos que tienen el atributo de class especificado.
Selector de atributo
Selecciona elementos basándose en el valor de un determinado atributo.
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.
Comentarios de CSS
Los 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.
Definición de CSS: Las hojas de 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: El 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: A la hora de 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.
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.
Barra de navegación = Lista de Enlaces
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:
Tablas: Aplicar 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>