{"id":563,"date":"2024-06-16T21:16:26","date_gmt":"2024-06-16T19:16:26","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=563"},"modified":"2024-07-31T11:47:59","modified_gmt":"2024-07-31T09:47:59","slug":"css3-basico","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/","title":{"rendered":"CSS3 b\u00e1sico"},"content":{"rendered":"<ul class=\"su-subpages\"><li class=\"page_item page-item-566 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/01-introduccion-a-css3\/\" class=\"menu-link\">01. Introducci\u00f3n a CSS3<\/a><\/li>\n<li class=\"page_item page-item-1189 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/02-sintaxis-css\/\" class=\"menu-link\">02. Sintaxis CSS<\/a><\/li>\n<li class=\"page_item page-item-1192 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/03-selectores-css\/\" class=\"menu-link\">03. Selectores CSS<\/a><\/li>\n<li class=\"page_item page-item-1195 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/04-anadir-css\/\" class=\"menu-link\">04. A\u00f1adir CSS<\/a><\/li>\n<li class=\"page_item page-item-1197 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/05-comentarios-en-css\/\" class=\"menu-link\">05. Comentarios en CSS<\/a><\/li>\n<li class=\"page_item page-item-1201 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/06-colores-css\/\" class=\"menu-link\">06. Colores CSS<\/a><\/li>\n<li class=\"page_item page-item-1205 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/07-colores-css3-rgb\/\" class=\"menu-link\">07. Colores CSS3 RGB<\/a><\/li>\n<li class=\"page_item page-item-1209 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/08-colores-css-hex\/\" class=\"menu-link\">08. Colores CSS HEX<\/a><\/li>\n<li class=\"page_item page-item-1211 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/09-colores-css-hsl\/\" class=\"menu-link\">09. Colores CSS HSL<\/a><\/li>\n<li class=\"page_item page-item-1213 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/10-backgrounds-css\/\" class=\"menu-link\">10. Backgrounds CSS<\/a><\/li>\n<li class=\"page_item page-item-1215 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/11-bordes-css\/\" class=\"menu-link\">11. Bordes CSS<\/a><\/li>\n<li class=\"page_item page-item-1217 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/12-margenes-con-css\/\" class=\"menu-link\">12. M\u00e1rgenes con CSS<\/a><\/li>\n<li class=\"page_item page-item-1219 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/13-css-padding\/\" class=\"menu-link\">13. CSS Padding<\/a><\/li>\n<li class=\"page_item page-item-1226 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/14-css-height-width-y-max-width\/\" class=\"menu-link\">14. CSS height, width y max-width<\/a><\/li>\n<li class=\"page_item page-item-1229 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/15-modelo-de-caja-css\/\" class=\"menu-link\">15. Modelo de caja CSS<\/a><\/li>\n<li class=\"page_item page-item-1233 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/16-la-propiedad-outline\/\" class=\"menu-link\">16. La propiedad outline<\/a><\/li>\n<li class=\"page_item page-item-1239 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/17-la-propiedad-outline-2\/\" class=\"menu-link\">17. La propiedad outline (2)<\/a><\/li>\n<li class=\"page_item page-item-1243 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/18-texto-en-css\/\" class=\"menu-link\">18. Texto en CSS<\/a><\/li>\n<li class=\"page_item page-item-1246 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/19-texto-en-css-2\/\" class=\"menu-link\">19. Texto en CSS (2)<\/a><\/li>\n<li class=\"page_item page-item-1249 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/20-fuentes-css\/\" class=\"menu-link\">20. Fuentes CSS<\/a><\/li>\n<li class=\"page_item page-item-1252 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/21-transformacion-de-texto\/\" class=\"menu-link\">21. Transformaci\u00f3n de texto<\/a><\/li>\n<li class=\"page_item page-item-1255 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/22-font-style\/\" class=\"menu-link\">22. font-style<\/a><\/li>\n<li class=\"page_item page-item-1258 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/23-fuentes-css-google\/\" class=\"menu-link\">23. Fuentes CSS Google<\/a><\/li>\n<li class=\"page_item page-item-1261 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/24-grandes-combinaciones-de-fuentes-css\/\" class=\"menu-link\">24. Grandes combinaciones de fuentes CSS<\/a><\/li>\n<li class=\"page_item page-item-1266 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/25-propiedad-css-font\/\" class=\"menu-link\">25. Propiedad CSS Font<\/a><\/li>\n<li class=\"page_item page-item-1269 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/26-iconos-css\/\" class=\"menu-link\">26. Iconos CSS<\/a><\/li>\n<li class=\"page_item page-item-1272 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/27-links-css\/\" class=\"menu-link\">27. Links CSS<\/a><\/li>\n<li class=\"page_item page-item-1275 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/28-listas-css\/\" class=\"menu-link\">28. Listas CSS<\/a><\/li>\n<li class=\"page_item page-item-1279 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/29-tablas-css\/\" class=\"menu-link\">29. Tablas CSS<\/a><\/li>\n<li class=\"page_item page-item-1282 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/30-la-propiedad-css-display\/\" class=\"menu-link\">30. La propiedad CSS display<\/a><\/li>\n<li class=\"page_item page-item-1285 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/31-css-layout-width-y-max-width\/\" class=\"menu-link\">31. CSS Layout &#8211; width y max-width<\/a><\/li>\n<li class=\"page_item page-item-1288 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/32-la-propiedad-css-position\/\" class=\"menu-link\">32. La propiedad CSS position<\/a><\/li>\n<li class=\"page_item page-item-1292 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/33-la-propiedad-z-index\/\" class=\"menu-link\">33. La propiedad z-index<\/a><\/li>\n<li class=\"page_item page-item-1296 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/34-la-propiedad-css-overflow\/\" class=\"menu-link\">34. La propiedad CSS overflow<\/a><\/li>\n<li class=\"page_item page-item-1300 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/35-las-propiedades-css-float-y-clear\/\" class=\"menu-link\">35. Las propiedades CSS float y clear<\/a><\/li>\n<li class=\"page_item page-item-1303 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/36-la-propiedad-css-display-inline-block\/\" class=\"menu-link\">36. La propiedad CSS display: inline-block<\/a><\/li>\n<li class=\"page_item page-item-1308 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/37-diseno-css-alineacion-horizontal-y-vertical\/\" class=\"menu-link\">37. Dise\u00f1o CSS &#8211; Alineaci\u00f3n horizontal y vertical<\/a><\/li>\n<li class=\"page_item page-item-1312 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/38-combinadores-css\/\" class=\"menu-link\">38. Combinadores CSS<\/a><\/li>\n<li class=\"page_item page-item-1316 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/39-pseudo-clases-css\/\" class=\"menu-link\">39. Pseudo-clases CSS<\/a><\/li>\n<li class=\"page_item page-item-1320 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/40-pseudo-elementos-css\/\" class=\"menu-link\">40. Pseudo-elementos CSS<\/a><\/li>\n<li class=\"page_item page-item-1324 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/41-opacidad-transparencia-con-css\/\" class=\"menu-link\">41. Opacidad \/ Transparencia con CSS<\/a><\/li>\n<li class=\"page_item page-item-1330 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/42-barra-de-navegacion-css\/\" class=\"menu-link\">42. Barra de navegaci\u00f3n CSS<\/a><\/li>\n<li class=\"page_item page-item-1334 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/43-barra-de-navegacion-css-2\/\" class=\"menu-link\">43. Barra de navegaci\u00f3n CSS (2)<\/a><\/li>\n<li class=\"page_item page-item-1337 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/44-barra-de-navegacion-css-3\/\" class=\"menu-link\">44. Barra de navegaci\u00f3n CSS (3)<\/a><\/li>\n<li class=\"page_item page-item-1341 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/45-menus-desplegables-css-css-dropdowns\/\" class=\"menu-link\">45. Men\u00fas desplegables CSS (CSS Dropdowns)<\/a><\/li>\n<li class=\"page_item page-item-1345 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/46-galeria-de-imagenes-con-css\/\" class=\"menu-link\">46. Galer\u00eda de im\u00e1genes con CSS<\/a><\/li>\n<li class=\"page_item page-item-1349 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/47-selectores-de-atributo-css\/\" class=\"menu-link\">47. Selectores de atributo CSS<\/a><\/li>\n<li class=\"page_item page-item-1353 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/48-uso-de-css-en-formularios\/\" class=\"menu-link\">48. Uso de CSS en formularios<\/a><\/li>\n<li class=\"page_item page-item-1356 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/49-contadores-css\/\" class=\"menu-link\">49. Contadores CSS<\/a><\/li>\n<li class=\"page_item page-item-1360 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/50-diseno-del-sitio-web-css\/\" class=\"menu-link\">50. Dise\u00f1o del sitio web CSS<\/a><\/li>\n<li class=\"page_item page-item-1364 menu-item\"><a href=\"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-basico\/51-unidades-en-css\/\" class=\"menu-link\">51. Unidades en CSS<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":556,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-563","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=563"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/563\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/563\/revisions\/1184"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/556"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}