{"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\/en\/wiki\/css\/","title":{"rendered":"CSS"},"content":{"rendered":"<p><\/p>\n<div>\n<p><h2 class=\"titulo-entrada-wiki\">CSS concept<\/h2>\n<\/p>\n<div class=\"section\">\n<h3>What is CSS?<\/h3>\n<p>CSS is a programming language used to<strong> define the style and appearance of a document that has been written using a tag language<\/strong>, What <span style=\"color: #0000ff;\">HTML<\/span>. Also known as <strong>cascading style sheets<\/strong>, is the one used to give colors, indicate fonts or even highlight aspects such as the space between items to give style to a website.<\/p>\n<p>It is one of the fundamental pillars of <span style=\"color: #0000ff;\">development and web design<\/span>, as well as one of the biggest nightmares of any programmer. Since it is the set of rules that are indicated to browsers to display the items on a page, performing the wrong instructions can lead to the presentation of a website that is impossible to view correctly.<\/p>\n<p>Generally, each of the CSS rules used is made up of a series of properties, or properties, which have values that indicate the presentation of all the content dictated in HTML; and, apart from this, selectors that indicate which items will be affected by these properties and their values.<\/p>\n<p>This whole set is what makes up the files that have to be indicated to the browsers to establish the appearance of the web pages. In spite of everything, the complexity of its handling and the need to learn programming notions are something that usually leads many to rely on predetermined templates or other much more comfortable solutions that make these tasks infinitely simpler, even when giving up the total personalization.<\/p>\n<\/div>\n<div class=\"section\">\n<h3>What is CSS for<\/h3>\n<p>CSS is used to style any website and do it with the desired rules. It is the language with which the programmer and the browser communicate to indicate to the latter how to distribute the contents of a website based on the instructions indicated in the corresponding files.<\/p>\n<p>In turn, its main purpose is to obtain different styles tailored to the needs of each page. Even though, unfortunately, it requires extensive programming knowledge and great notions of HTML in addition to obtaining the perfect connection between style and content.<\/p>\n<\/div>\n<div class=\"section\">\n<h3>CSS examples<\/h3>\n<p>To give an example of CSS, we are going to proceed with a few simple lines of code for the web and for the style sheet.<\/p>\n<p>First, let&#039;s go to the web:<\/p>\n<p><\/p>\n<p>&lt;html&gt;<\/p>\n<p><\/p>\n<p><\/p>\n<p><title>CSS NeoAttack Example<\/title><\/p>\n<p><\/p>\n<p><\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;h1&gt;Agencia de marketing digital&lt;\/h1&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p>Now, we continue to indicate that the text within the H1 title will have a red color and a blue background using CSS: h1<br \/>{<\/p>\n<p>background-color: blue;<\/p>\n<p>color: red;<\/p>\n<p>}<\/p>\n<p>Combining both, the first set calls the style.css file to make the H1 look like we have indicated.<\/p>\n<\/div>\n<div class=\"section\">\n<h3>More information about CSS<\/h3>\n<p>To learn more about CSS, we suggest you read the articles that we link below, they contain more information about it.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>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&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-68698","glossary","type-glossary","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSS - 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\/en\/wiki\/css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/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\":\"en-US\",\"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\":\"en-US\"}]}<\/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\/en\/wiki\/css\/","og_locale":"en_US","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\/en\/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":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wiki\/css\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | 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":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary\/68698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary\/68698\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=68698"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/glossary-cat?post=68698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}