{"id":68698,"date":"2022-05-17T04:04:59","date_gmt":"2022-05-17T02:04:59","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wiki\/css\/"},"modified":"2024-10-28T22:56:55","modified_gmt":"2024-10-28T21:56:55","slug":"css","status":"publish","type":"glossary","link":"https:\/\/rmarketingdigital.com\/fr\/wiki\/css\/","title":{"rendered":"CSS"},"content":{"rendered":"

<\/p>\n

\n

Concepto de CSS<\/h2>\n<\/p>\n
\n

\u00bfQu\u00e9 es el CSS?<\/h3>\n

CSS es un lenguaje de programaci\u00f3n que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas<\/strong>, como HTML<\/span>. Conocido adem\u00e1s como hojas de estilo en cascada<\/strong>, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a una web.<\/p>\n

Es uno de los pilares fundamentales del desarrollo y el dise\u00f1o web<\/span>, como adem\u00e1s una de las mayores pesadillas de todo programador. Puesto que es el conjunto de reglas que se indican a los navegadores para que muestren los items de una p\u00e1gina, realizar las instrucciones incorrectas puede desembocar en la presentaci\u00f3n de una web imposible de visualizar correctamente.<\/p>\n

Generalmente, cada una de las reglas CSS que se emplean est\u00e1n compuestas por una serie de propiedades, o properties, que poseen valores con los que se indica la presentaci\u00f3n de todo el contenido dictado en HTML; y, a parte de esto, selectores con los que se indican qu\u00e9 items se ver\u00e1n afectados por dichas propiedades y sus valores.<\/p>\n

Todo este conjunto es el que conforma los archivos que se han de indicar a los navegadores para establecer la apariencia de las p\u00e1ginas web. A pesar de todo, lo complicado de su manejo y la necesidad de aprender nociones de programaci\u00f3n son algo que suele llevar a muchos a confiar en plantillas predeterminadas u otras soluciones mucho m\u00e1s c\u00f3modas que hacen estas tareas infinitamente m\u00e1s simples, a\u00fan cuando renunciando a la total personalizaci\u00f3n.<\/p>\n<\/div>\n

\n

Para qu\u00e9 sirve el CSS<\/h3>\n

CSS sirve para poder dar un estilo a cualquier web y hacerlo con las reglas que se deseen. Es el lenguaje con el que el programador y el navegador se comunican para indicar a este \u00faltimo c\u00f3mo ha de distribuir los contenidos de una web en base a las instrucciones indicadas en los correspondientes ficheros.<\/p>\n

A su vez, tiene como principal finalidad obtener estilos distintos y a medida de las necesidades de cada p\u00e1gina. A\u00fan cuando, desafortunadamente, exige un amplio conocimiento de programaci\u00f3n y grandes nociones de lenguaje HTML adem\u00e1s para obtener la conexi\u00f3n perfecta entre estilo y contenidos.<\/p>\n<\/div>\n

\n

Ejemplos de CSS<\/h3>\n

Para dar un ejemplo de CSS, vamos a proceder con unas sencillas l\u00edneas de c\u00f3digo para web y para la hoja de estilo.<\/p>\n

Primero, vamos con la web:<\/p>\n

<!DOCTYPE html><\/p>\n

<html><\/p>\n

<\/p>\n

<meta charset=\u201dutf-8\u2033><\/p>\n

<title>CSS Ejemplo de NeoAttack<\/title><\/p>\n

<enlace rel=\u201dstylesheet\u201d href=\u201dstyle.css\u201d><\/p>\n

<\/p>\n

<body><\/p>\n

<h1>Agencia de marketing digital<\/h1><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n

Ahora, seguimos indicando que el texto dentro del t\u00edtulo H1 tendr\u00e1 color rojo y un fondo azul utilizando CSS:h1
{<\/p>\n

background-color: blue;<\/p>\n

color: red;<\/p>\n

}<\/p>\n

Combinando ambos, el primer conjunto llama al archivo style.css para hacer que el H1 luzca como hemos indicado.<\/p>\n<\/div>\n

\n

M\u00e1s informaci\u00f3n sobre el CSS<\/h3>\n

Para aprender m\u00e1s sobre CSS, te sugerimos que leas los art\u00edculos que enlazamos a continuaci\u00f3n, contienen m\u00e1s informaci\u00f3n al respecto.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

Concepto de CSS \u00bfQu\u00e9 es el CSS? CSS es un lenguaje de programaci\u00f3n que se usa para definir el estilo y el aspecto de un documento que se ha escrito…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-68698","glossary","type-glossary","status-publish"],"yoast_head":"\nCSS - R Marketing Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/wiki\/css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS\" \/>\n<meta property=\"og:description\" content=\"Concepto de CSS \u00bfQu\u00e9 es el CSS? CSS es un lenguaje de programaci\u00f3n que se usa para definir el estilo y el aspecto de un documento que se ha escrito...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/wiki\/css\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T21:56:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/css\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/css\\\/\",\"name\":\"CSS - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-05-17T02:04:59+00:00\",\"dateModified\":\"2024-10-28T21:56:55+00:00\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/css\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS - R Marketing Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/wiki\/css\/","og_locale":"fr_FR","og_type":"article","og_title":"CSS","og_description":"Concepto de CSS \u00bfQu\u00e9 es el CSS? CSS es un lenguaje de programaci\u00f3n que se usa para definir el estilo y el aspecto de un documento que se ha escrito...","og_url":"https:\/\/rmarketingdigital.com\/fr\/wiki\/css\/","og_site_name":"R Marketing Digital","article_modified_time":"2024-10-28T21:56:55+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wiki\/css\/","url":"https:\/\/rmarketingdigital.com\/wiki\/css\/","name":"CSS - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-05-17T02:04:59+00:00","dateModified":"2024-10-28T21:56:55+00:00","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wiki\/css\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/68698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/68698\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=68698"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary-cat?post=68698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}