{"id":59879,"date":"2022-10-26T14:54:35","date_gmt":"2022-10-26T14:54:35","guid":{"rendered":"https:\/\/mailrelay.com\/glossary\/css-cascading-style-sheets\/"},"modified":"2025-01-24T08:55:07","modified_gmt":"2025-01-24T08:55:07","slug":"css-cascading-style-sheets","status":"publish","type":"glossary","link":"https:\/\/mailrelay.com\/es\/glosario\/css-cascading-style-sheets\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"\n

CSS es el acr\u00f3nimo de Cascading style sheets, que en castellano se traduce por hojas de estilo en cascada. Desarrollado por el W3C en 1996, CSS es un mecanismo complementario al lenguaje HTML que permite indicarle al navegador el estilo con el qu\u00e9 debe de mostrar los distintos elementos que forman parte de la p\u00e1gina web a visualizar.<\/p>\n\n\n\n

Mientras que el HTML se centra en indican al navegador que ciertas partes la pagina son t\u00edtulos, subt\u00edtulos, p\u00e1rrafos, enlaces, etc. El CSS complementa esa informaci\u00f3n para que el tipo de fuente, tama\u00f1o, color o alineaci\u00f3n con el que se muestre cada elemento sea el correcto.<\/p>\n\n\n\n

Te lo explicamos en Mailrelay<\/a>.<\/p>\n\n\n\n

1. Para que se usa el CSS<\/h2>\n\n\n\n

El c\u00f3digo CSS separa la estructura de un documento HTML de su presentaci\u00f3n. Es decir, el HTML define la estructura b\u00e1sica de la p\u00e1gina (a modo de esqueleto), y por su parte el CSS a\u00f1ade una capa de personalizaci\u00f3n que dota a la web de su aspecto final.<\/p>\n\n\n\n

De esa forma, un dise\u00f1ador web puede realizar cambios en la apariencia de una web c\u00f3modamente gracias al CSS sin afectar al contenido de forma dram\u00e1tica, pues el contenido ser\u00eda el mismo solo que la forma en la que se mostrar\u00eda en pantalla ser\u00eda lo que cambiase.<\/p>\n\n\n\n

2. Tipos de CSS<\/h2>\n\n\n\n

Existen tres tipos o formas de vincular el CSS a tu sitio web (HTML): externo (external), interno (internal) y en l\u00ednea (inline).<\/p>\n\n\n\n

– CSS externo.<\/strong> Es el CSS que existe como un archivo independiente y se enlaza a un documento HTML mediante la etiqueta . Esta es la forma mas com\u00fan para para a\u00f1adir CSS a HTML, pues tan solo es necesario cambiar ese documento para que el sitio web completo reciba los cambios deseados.<\/p>\n\n\n\n

– CSS interno.<\/strong> El CSS interno es un c\u00f3digo CSS incrustado dentro del documento HTML, ello se hace desde el elemento <style><\/code> dentro de la secci\u00f3n <head><\/code>. Es usado para a\u00f1adir estilos a paginas individuales o secciones del sitio web.<\/p>\n\n\n\n

– CSS en l\u00ednea o inline.<\/strong> CSS en l\u00ednea se coloca dentro de una etiqueta HTML para cambiar solo el estilo de un elemento en concreto. Su uso no es muy recomendable pues en realidad no separa el estilo del contenido.<\/p>\n\n\n\n

3. Ventajas del CSS<\/h2>\n\n\n\n

Las ventajas que reporta el uso de hojas de estilo en cascada (CSS) son muchas, aqu\u00ed tienes alguna de las mas destacables:<\/p>\n\n\n\n