{"id":915,"date":"2023-03-08T01:06:18","date_gmt":"2023-03-08T00:06:18","guid":{"rendered":"https:\/\/7ret.com\/?p=915"},"modified":"2023-03-08T01:07:49","modified_gmt":"2023-03-08T00:07:49","slug":"curso-basico-completo-css","status":"publish","type":"post","link":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/","title":{"rendered":"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introducci\u00f3n<\/h2>\n\n\n\n<p>CSS, o Cascading Style Sheets, es un lenguaje de hojas de estilo utilizado para describir la presentaci\u00f3n de documentos HTML y XML. En otras palabras, CSS nos permite controlar c\u00f3mo se ve nuestro sitio web. Con CSS, podemos cambiar colores, fuentes, tama\u00f1os, dise\u00f1os y mucho m\u00e1s.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Selecci\u00f3n de elementos<\/h2>\n\n\n\n<p>Antes de comenzar a escribir estilos CSS, es importante saber c\u00f3mo seleccionar los elementos HTML que deseamos afectar. Hay varias formas de seleccionar elementos en CSS, pero las m\u00e1s comunes son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Por tipo de elemento: <code>p<\/code>, <code>h1<\/code>, <code>div<\/code>, etc.<\/li>\n\n\n\n<li>Por clase: <code>.mi-clase<\/code><\/li>\n\n\n\n<li>Por ID: <code>#mi-id<\/code><\/li>\n\n\n\n<li>Por atributo: <code>[atributo=\"valor\"]<\/code><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Propiedades CSS<\/h2>\n\n\n\n<p>Las propiedades CSS se utilizan para cambiar la apariencia de los elementos seleccionados. Algunas de las propiedades CSS m\u00e1s comunes son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>color<\/code>: establece el color del texto.<\/li>\n\n\n\n<li><code>font-family<\/code>: establece la fuente utilizada para el texto.<\/li>\n\n\n\n<li><code>font-size<\/code>: establece el tama\u00f1o de la fuente.<\/li>\n\n\n\n<li><code>background-color<\/code>: establece el color de fondo del elemento.<\/li>\n\n\n\n<li><code>padding<\/code>: establece el espacio entre el contenido del elemento y su borde.<\/li>\n\n\n\n<li><code>margin<\/code>: establece el espacio entre el elemento y otros elementos.<\/li>\n\n\n\n<li><code>border<\/code>: establece el borde del elemento.<\/li>\n<\/ul>\n\n\n\n<p>Hay muchas m\u00e1s propiedades CSS, pero estas son algunas de las m\u00e1s importantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sintaxis CSS<\/h2>\n\n\n\n<p>La sintaxis de CSS es bastante sencilla. Primero seleccionamos el elemento que queremos afectar y luego escribimos las propiedades que deseamos aplicar. Por ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-4c8617b1\"><code lang=\"css\" class=\"language-css\">css<code>p {\n  color: red;\n  font-family: Arial;\n  font-size: 18px;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando todos los elementos <code>p<\/code> y cambiando su color a rojo, su fuente a Arial y su tama\u00f1o a 18 p\u00edxeles.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hojas de estilo externas<\/h2>\n\n\n\n<p>Es com\u00fan colocar los estilos CSS en un archivo separado, en lugar de ponerlos directamente en el documento HTML. Para hacer esto, creamos un archivo CSS separado y lo enlazamos en el documento HTML usando la etiqueta <code>link<\/code>. Por ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-fa3f25d6\"><code lang=\"markup\" class=\"language-markup\">html<code>&lt;head&gt;\n  &lt;link rel=\"stylesheet\" href=\"estilos.css\"&gt;\n&lt;\/head&gt;\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos enlazando un archivo CSS llamado <code>estilos.css<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Resumen<\/h2>\n\n\n\n<p>CSS es un lenguaje de hojas de estilo que nos permite controlar la apariencia de nuestros sitios web. Podemos seleccionar elementos HTML y aplicar propiedades CSS para cambiar su color, fuente, tama\u00f1o, dise\u00f1o y mucho m\u00e1s. Es importante recordar que podemos escribir nuestros estilos directamente en el documento HTML o en un archivo CSS separado enlazado al documento HTML.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplos Pr\u00e1cticos<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el color del texto<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-11d90fce\"><code lang=\"css\" class=\"language-css\">css<code>p {\n  color: blue;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando todos los elementos <code>p<\/code> y cambiando su color de texto a azul.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el tama\u00f1o de la fuente<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-357845c0\"><code lang=\"css\" class=\"language-css\">css<code>h1 {\n  font-size: 36px;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando todos los elementos <code>h1<\/code> y cambiando su tama\u00f1o de fuente a 36 p\u00edxeles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el color de fondo<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-fafdcaf0\"><code lang=\"css\" class=\"language-css\">css<code>body {\n  background-color: #f2f2f2;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando el elemento <code>body<\/code> y cambiando su color de fondo a un gris claro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Agregar bordes<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-94589a66\"><code lang=\"css\" class=\"language-css\">css<code>img {\n  border: 2px solid black;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando todos los elementos <code>img<\/code> y agregando un borde de 2 p\u00edxeles de ancho, s\u00f3lido y negro alrededor de cada imagen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el margen<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-2805e21c\"><code lang=\"css\" class=\"language-css\">css<code>div {\n  margin: 20px;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando todos los elementos <code>div<\/code> y agregando un margen de 20 p\u00edxeles alrededor de cada uno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aplicar estilos a una clase<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-676510e2\"><code lang=\"css\" class=\"language-css\">css<code>.mi-clase {\n  color: green;\n  font-size: 24px;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando todos los elementos que tienen la clase <code>mi-clase<\/code> y cambiando su color de texto a verde y su tama\u00f1o de fuente a 24 p\u00edxeles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aplicar estilos a un ID<\/h3>\n\n\n\n<pre class=\"wp-block-code advgb-dyn-c4d2993f\"><code lang=\"css\" class=\"language-css\">css<code>#mi-id {\n  background-color: yellow;\n}\n<\/code><\/code><\/pre>\n\n\n\n<p>En este ejemplo, estamos seleccionando el elemento que tiene el ID <code>mi-id<\/code> y cambiando su color de fondo a amarillo. Es importante recordar que los IDs deben ser \u00fanicos en todo el documento HTML.<\/p>\n\n\n\n<p>Si quieres conocer mas de HTML mira el <a href=\"https:\/\/7ret.com\/index.php\/2023\/03\/07\/aprende-html-guia-principiantes\/\">curso b\u00e1sico<\/a> y el <a href=\"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-avanzado-html-crea-paginas-web-semanticas-accesibles\/\">curso avanzado de HTML<\/a>.<\/p>\n\n\n\n<p>Tambi\u00e9n tienes mas informaci\u00f3n en la <a href=\"https:\/\/devdocs.io\/html\/\">documentaci\u00f3n oficial aqu\u00ed<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-1024x576.jpg\" alt=\"\" class=\"wp-image-916\"\/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.freepik.es\/foto-gratis\/equipo-programadores-software-que-van-despues-analizar-codigo-fuente-television-pantalla-pared-comparando-errores-usando-tableta-digital-ingenieros-sistemas-pasando-pantallas-compilando-codigo-inteligencia-artificial_26367515.htm#query=html&amp;position=6&amp;from_view=search&amp;track=sph#position=6&amp;query=html\">Imagen de DCStudio<\/a> en Freepik<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n CSS, o Cascading Style Sheets, es un lenguaje de hojas de estilo utilizado para describir la presentaci\u00f3n de documentos HTML y XML. En otras palabras, CSS nos permite controlar c\u00f3mo se ve nuestro sitio web. Con CSS, podemos cambiar colores, fuentes, tama\u00f1os, dise\u00f1os y mucho m\u00e1s. Selecci\u00f3n de elementos Antes de comenzar a escribir<\/p>\n<div class=\"blog-grid-button\"><a class href=\"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/\">Seguir leyendo <i class=\"fa fa-arrow-right\"><\/i><\/a><\/div>\n","protected":false},"author":2,"featured_media":916,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[27,4,26,43],"tags":[],"class_list":["post-915","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion","category-tecnologia","category-web","category-web-programacion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS - 7ret Software<\/title>\n<meta name=\"description\" content=\"Aprende los conceptos b\u00e1sicos de CSS y c\u00f3mo aplicarlos para dise\u00f1ar sitios web atractivos y bien estructurados. Curso completo para dise\u00f1o web\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS - 7ret Software\" \/>\n<meta property=\"og:description\" content=\"Aprende los conceptos b\u00e1sicos de CSS y c\u00f3mo aplicarlos para dise\u00f1ar sitios web atractivos y bien estructurados. Curso completo para dise\u00f1o web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/\" \/>\n<meta property=\"og:site_name\" content=\"7ret Software\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-08T00:06:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-08T00:07:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-1024x576.jpg\" \/>\n<meta name=\"author\" content=\"C. H.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"C. H.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/\"},\"author\":{\"name\":\"C. H.\",\"@id\":\"https:\\\/\\\/7ret.com\\\/#\\\/schema\\\/person\\\/da40a9548fc342444e3bc2e02737e757\"},\"headline\":\"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS\",\"datePublished\":\"2023-03-08T00:06:18+00:00\",\"dateModified\":\"2023-03-08T00:07:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/\"},\"wordCount\":599,\"image\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/7ret.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/html222-scaled-e1678404998596.jpg\",\"articleSection\":[\"PROGRAMACI\u00d3N\",\"TECNOLOGIA\",\"WEB\",\"WEB\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/\",\"url\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/\",\"name\":\"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS - 7ret Software\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/7ret.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/html222-scaled-e1678404998596.jpg\",\"datePublished\":\"2023-03-08T00:06:18+00:00\",\"dateModified\":\"2023-03-08T00:07:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/#\\\/schema\\\/person\\\/da40a9548fc342444e3bc2e02737e757\"},\"description\":\"Aprende los conceptos b\u00e1sicos de CSS y c\u00f3mo aplicarlos para dise\u00f1ar sitios web atractivos y bien estructurados. Curso completo para dise\u00f1o web\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/7ret.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/html222-scaled-e1678404998596.jpg\",\"contentUrl\":\"https:\\\/\\\/7ret.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/html222-scaled-e1678404998596.jpg\",\"width\":1200,\"height\":675,\"caption\":\"Team of software programmers leaving after analyzing source code on wall screen tv comparing errors using digital tablet. System engineers passing screens compiling code for artificial intelligence.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/2023\\\/03\\\/08\\\/curso-basico-completo-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/7ret.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/7ret.com\\\/#website\",\"url\":\"https:\\\/\\\/7ret.com\\\/\",\"name\":\"7ret Software\",\"description\":\"The Art of Coding\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/7ret.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/7ret.com\\\/#\\\/schema\\\/person\\\/da40a9548fc342444e3bc2e02737e757\",\"name\":\"C. H.\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4df3c28219e56a7b6c01b95b6e775c52edcb4eccfc976161efd745a8801b821d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4df3c28219e56a7b6c01b95b6e775c52edcb4eccfc976161efd745a8801b821d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4df3c28219e56a7b6c01b95b6e775c52edcb4eccfc976161efd745a8801b821d?s=96&d=mm&r=g\",\"caption\":\"C. H.\"},\"url\":\"https:\\\/\\\/7ret.com\\\/index.php\\\/author\\\/cesar2admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS - 7ret Software","description":"Aprende los conceptos b\u00e1sicos de CSS y c\u00f3mo aplicarlos para dise\u00f1ar sitios web atractivos y bien estructurados. Curso completo para dise\u00f1o web","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:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/","og_locale":"es_ES","og_type":"article","og_title":"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS - 7ret Software","og_description":"Aprende los conceptos b\u00e1sicos de CSS y c\u00f3mo aplicarlos para dise\u00f1ar sitios web atractivos y bien estructurados. Curso completo para dise\u00f1o web","og_url":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/","og_site_name":"7ret Software","article_published_time":"2023-03-08T00:06:18+00:00","article_modified_time":"2023-03-08T00:07:49+00:00","og_image":[{"url":"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-1024x576.jpg","type":"","width":"","height":""}],"author":"C. H.","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"C. H.","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#article","isPartOf":{"@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/"},"author":{"name":"C. H.","@id":"https:\/\/7ret.com\/#\/schema\/person\/da40a9548fc342444e3bc2e02737e757"},"headline":"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS","datePublished":"2023-03-08T00:06:18+00:00","dateModified":"2023-03-08T00:07:49+00:00","mainEntityOfPage":{"@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/"},"wordCount":599,"image":{"@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#primaryimage"},"thumbnailUrl":"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-scaled-e1678404998596.jpg","articleSection":["PROGRAMACI\u00d3N","TECNOLOGIA","WEB","WEB"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/","url":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/","name":"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS - 7ret Software","isPartOf":{"@id":"https:\/\/7ret.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#primaryimage"},"image":{"@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#primaryimage"},"thumbnailUrl":"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-scaled-e1678404998596.jpg","datePublished":"2023-03-08T00:06:18+00:00","dateModified":"2023-03-08T00:07:49+00:00","author":{"@id":"https:\/\/7ret.com\/#\/schema\/person\/da40a9548fc342444e3bc2e02737e757"},"description":"Aprende los conceptos b\u00e1sicos de CSS y c\u00f3mo aplicarlos para dise\u00f1ar sitios web atractivos y bien estructurados. Curso completo para dise\u00f1o web","breadcrumb":{"@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#primaryimage","url":"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-scaled-e1678404998596.jpg","contentUrl":"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-scaled-e1678404998596.jpg","width":1200,"height":675,"caption":"Team of software programmers leaving after analyzing source code on wall screen tv comparing errors using digital tablet. System engineers passing screens compiling code for artificial intelligence."},{"@type":"BreadcrumbList","@id":"https:\/\/7ret.com\/index.php\/2023\/03\/08\/curso-basico-completo-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/7ret.com\/"},{"@type":"ListItem","position":2,"name":"Curso b\u00e1sico pero completo de CSS: Aprende a dise\u00f1ar sitios web con CSS"}]},{"@type":"WebSite","@id":"https:\/\/7ret.com\/#website","url":"https:\/\/7ret.com\/","name":"7ret Software","description":"The Art of Coding","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/7ret.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/7ret.com\/#\/schema\/person\/da40a9548fc342444e3bc2e02737e757","name":"C. H.","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/4df3c28219e56a7b6c01b95b6e775c52edcb4eccfc976161efd745a8801b821d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4df3c28219e56a7b6c01b95b6e775c52edcb4eccfc976161efd745a8801b821d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4df3c28219e56a7b6c01b95b6e775c52edcb4eccfc976161efd745a8801b821d?s=96&d=mm&r=g","caption":"C. H."},"url":"https:\/\/7ret.com\/index.php\/author\/cesar2admin\/"}]}},"author_meta":{"display_name":"C. H.","author_link":"https:\/\/7ret.com\/index.php\/author\/cesar2admin\/"},"featured_img":"https:\/\/7ret.com\/wp-content\/uploads\/2023\/03\/html222-scaled-e1678404998596-300x169.jpg","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/7ret.com\/index.php\/category\/programacion\/\" class=\"advgb-post-tax-term\">PROGRAMACI\u00d3N<\/a>","<a href=\"https:\/\/7ret.com\/index.php\/category\/tecnologia\/\" class=\"advgb-post-tax-term\">TECNOLOGIA<\/a>","<a href=\"https:\/\/7ret.com\/index.php\/category\/tecnologia\/web\/\" class=\"advgb-post-tax-term\">WEB<\/a>","<a href=\"https:\/\/7ret.com\/index.php\/category\/programacion\/web-programacion\/\" class=\"advgb-post-tax-term\">WEB<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">PROGRAMACI\u00d3N<\/span>","<span class=\"advgb-post-tax-term\">TECNOLOGIA<\/span>","<span class=\"advgb-post-tax-term\">WEB<\/span>","<span class=\"advgb-post-tax-term\">WEB<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Publicado 4 a\u00f1os hace","modified":"Actualizado 4 a\u00f1os hace"},"absolute_dates":{"created":"Publicado el 8 marzo, 2023","modified":"Actualizado el 8 marzo, 2023"},"absolute_dates_time":{"created":"Publicado el 8 marzo, 2023 1:06 am","modified":"Actualizado el 8 marzo, 2023 1:07 am"},"featured_img_caption":"Team of software programmers leaving after analyzing source code on wall screen tv comparing errors using digital tablet. System engineers passing screens compiling code for artificial intelligence.","series_order":"","_links":{"self":[{"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/posts\/915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/comments?post=915"}],"version-history":[{"count":0,"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/posts\/915\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/media\/916"}],"wp:attachment":[{"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/media?parent=915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/categories?post=915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7ret.com\/index.php\/wp-json\/wp\/v2\/tags?post=915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}