{"id":824,"date":"2025-11-03T11:53:17","date_gmt":"2025-11-03T10:53:17","guid":{"rendered":"https:\/\/vermiip.es\/blog\/?p=824"},"modified":"2025-11-03T11:53:17","modified_gmt":"2025-11-03T10:53:17","slug":"curso-de-html5-y-css3-elementos-css","status":"publish","type":"post","link":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/","title":{"rendered":"Curso de HTML5 y CSS3: Elementos CSS"},"content":{"rendered":"<h2>Qu\u00e9 es CSS y su importancia en el dise\u00f1o web<\/h2>\n<p>CSS (Cascading Style Sheets) es un lenguaje de estilo que se utiliza para describir la presentaci\u00f3n de un documento escrito en HTML. Permite separar el contenido de la presentaci\u00f3n, lo que mejora la accesibilidad y el mantenimiento del c\u00f3digo. Con CSS, podemos agregar colores, fuentes, espaciados y mucho m\u00e1s, proporcionando as\u00ed una experiencia de usuario m\u00e1s atractiva.<\/p>\n<h3>Ventajas de utilizar CSS<\/h3>\n<ul>\n<li><strong>Mantener el c\u00f3digo organizado:<\/strong> Separa el dise\u00f1o del contenido.<\/li>\n<li><strong>Control total sobre la presentaci\u00f3n:<\/strong> Configura la apariencia de m\u00faltiples p\u00e1ginas con menos c\u00f3digo.<\/li>\n<li><strong>Mejor rendimiento:<\/strong> Permite que los navegadores almacenen estilos en cach\u00e9.<\/li>\n<li><strong>Flexibilidad y adaptaci\u00f3n:<\/strong> Facilita el dise\u00f1o responsivo.<\/li>\n<\/ul>\n<h2>Elementos b\u00e1sicos de CSS<\/h2>\n<p>Para aplicar estilos, necesitamos conocer los elementos fundamentales de CSS. Estos incluyen:<\/p>\n<h3>Selectores<\/h3>\n<p>Los selectores son patrones utilizados para seleccionar el elemento HTML al que se le aplicar\u00e1n los estilos. Hay varios tipos de selectores:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Selector de tipo:<\/strong> Se aplica a todas las instancias de un tipo de elemento. Ejemplo:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code>p {\n    color: blue;\n}<\/code><\/pre>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Selector de clase:<\/strong> Se aplica a elementos con una clase espec\u00edfica. Ejemplo:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code>.mi-clase {\n    font-size: 20px;\n}<\/code><\/pre>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Selector de ID:<\/strong> Se aplica al elemento que tiene un ID espec\u00edfico. Ejemplo:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code>#mi-id {\n    margin: 10px;\n}<\/code><\/pre>\n<h3>Propiedades y valores<\/h3>\n<p>Las propiedades son las caracter\u00edsticas que se pueden modificar y los valores son las especificaciones que definimos para cada propiedad. Algunos ejemplos de propiedades son:<\/p>\n<ul>\n<li><strong>color:<\/strong> Define el color del texto.<\/li>\n<li><strong>background-color:<\/strong> Establece el color de fondo de un elemento.<\/li>\n<li><strong>font-size:<\/strong> Controla el tama\u00f1o de la fuente.<\/li>\n<li><strong>margin:<\/strong> Gestiona el espacio exterior de un elemento.<\/li>\n<li><strong>padding:<\/strong> Controla el espacio interior de un elemento.<\/li>\n<\/ul>\n<h2>Ejemplos pr\u00e1cticos de estilos CSS<\/h2>\n<p>Para ilustrar c\u00f3mo aplicar estilos CSS de manera efectiva, aqu\u00ed hay algunos ejemplos que pueden servirte de referencia:<\/p>\n<h3>Ejemplo 1: estilo de texto<\/h3>\n<p>Imaginemos que deseas cambiar el estilo de un p\u00e1rrafo. Aqu\u00ed tienes c\u00f3mo hacerlo:<\/p>\n<pre><code>p {\n    color: #333333;\n    font-family: Arial, sans-serif;\n    font-size: 18px;\n}<\/code><\/pre>\n<h3>Ejemplo 2: estilo de un bot\u00f3n<\/h3>\n<p>Para un bot\u00f3n, podr\u00edas usar un estilo como el siguiente:<\/p>\n<pre><code>button {\n    background-color: #4CAF50;\n    border: none;\n    color: white;\n    padding: 15px 32px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    font-size: 16px;\n    margin: 4px 2px;\n    cursor: pointer;\n}<\/code><\/pre>\n<h2>Tipos de unidades en CSS<\/h2>\n<p>Es importante conocer los diferentes tipos de unidades que se pueden utilizar en CSS. Estas son esenciales para definir tama\u00f1os, m\u00e1rgenes y otros valores. Los m\u00e1s comunes son:<\/p>\n<ul>\n<li><strong>px:<\/strong> P\u00edxeles, una unidad de medida fija.<\/li>\n<li><strong>em:<\/strong> Unidad relativa al tama\u00f1o de fuente del elemento padre.<\/li>\n<li><strong>rem:<\/strong> Unidad relativa al tama\u00f1o de fuente de la ra\u00edz del documento.<\/li>\n<li><strong>vh y vw:<\/strong> Vista de altura y ancho, respectivamente, en relaci\u00f3n con el tama\u00f1o de la ventana gr\u00e1fica.<\/li>\n<\/ul>\n<h2>Estilos avanzados y estetizaci\u00f3n<\/h2>\n<p>Con CSS3, puedes aplicar una variedad de estilos avanzados como sombras, bordes redondeados y gradientes. Aqu\u00ed te mostramos un par de ejemplos para aumentar la est\u00e9tica de tu dise\u00f1o.<\/p>\n<h3>Sombras<\/h3>\n<pre><code>.sombra {\n    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);\n}<\/code><\/pre>\n<h3>Bordes redondeados<\/h3>\n<pre><code>.borde-redondeado {\n    border-radius: 15px;\n}<\/code><\/pre>\n<h3>Gradientes<\/h3>\n<pre><code>.fondo-gradiente {\n    background: linear-gradient(to right, #ff7e5f, #feb47b);\n}<\/code><\/pre>\n<h2>Herramientas para optimizar el uso de CSS<\/h2>\n<p>Existen diversas herramientas que pueden ayudarte a optimizar el uso de CSS. Aqu\u00ed algunos ejemplos que te pueden ser \u00fatiles:<\/p>\n<ul>\n<li><strong>Sass:<\/strong> Un preprocesador CSS que a\u00f1ade funcionalidades como variables y anidamiento.<\/li>\n<li><strong>PostCSS:<\/strong> Una herramienta que permite transformar CSS con JavaScript.<\/li>\n<li><strong>Bootstrap:<\/strong> Un framework que facilita la creaci\u00f3n de dise\u00f1os responsivos.<\/li>\n<\/ul>\n<h3>Fuentes y lecturas recomendadas<\/h3>\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/CSS\">Documentaci\u00f3n completa de CSS en Mozilla Developer Network<\/a><\/li>\n<li><a href=\"https:\/\/css-tricks.com\/\">CSS-Tricks: Un recurso abundante para aprender CSS<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/css\/\">Tutoriales y referencias de CSS en W3Schools<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo, profundizaremos en los elementos CSS, una de las herramientas m\u00e1s potentes y vers\u00e1tiles para dise\u00f1ar y dar estilo a p\u00e1ginas web en HTML5. Con CSS3, los desarrolladores tienen el control total sobre el aspecto de su sitio, desde la disposici\u00f3n de los elementos hasta la selecci\u00f3n de colores y fuentes. Este curso est\u00e1 dise\u00f1ado para aquellos que buscan comprender no solo la teor\u00eda, sino tambi\u00e9n la pr\u00e1ctica, mejorando as\u00ed su habilidad en el desarrollo web.<\/p>\n","protected":false},"author":1,"featured_media":825,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89,88],"tags":[169],"class_list":["post-824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-html5","tag-curso-de-html5-y-css3"],"_wp_attached_file":null,"_wp_attachment_metadata":null,"_wp_old_slug":null,"_aioseop_description":null,"_wp_attachment_image_alt":null,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Curso de HTML5 y CSS3: Elementos CSS - Ver mi IP<\/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:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso de HTML5 y CSS3: Elementos CSS - Ver mi IP\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo, profundizaremos en los elementos CSS, una de las herramientas m\u00e1s potentes y vers\u00e1tiles para dise\u00f1ar y dar estilo a p\u00e1ginas web en HTML5. Con CSS3, los desarrolladores tienen el control total sobre el aspecto de su sitio, desde la disposici\u00f3n de los elementos hasta la selecci\u00f3n de colores y fuentes. Este curso est\u00e1 dise\u00f1ado para aquellos que buscan comprender no solo la teor\u00eda, sino tambi\u00e9n la pr\u00e1ctica, mejorando as\u00ed su habilidad en el desarrollo web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ver mi IP\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-03T10:53:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/10\/output1-25.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1792\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Xose de la Paz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Xose de la Paz\" \/>\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:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/\"},\"author\":{\"name\":\"Xose de la Paz\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/person\\\/0617918e61a75dc2d11c09238bf84200\"},\"headline\":\"Curso de HTML5 y CSS3: Elementos CSS\",\"datePublished\":\"2025-11-03T10:53:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/\"},\"wordCount\":563,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/output1-25.png\",\"keywords\":[\"Curso de HTML5 y CSS3\"],\"articleSection\":[\"css\",\"html5\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/\",\"name\":\"Curso de HTML5 y CSS3: Elementos CSS - Ver mi IP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/output1-25.png\",\"datePublished\":\"2025-11-03T10:53:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/output1-25.png\",\"contentUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/output1-25.png\",\"width\":1792,\"height\":1024,\"caption\":\"Curso de HTML5 y CSS3: Elementos CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-elementos-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Curso de HTML5 y CSS3: Elementos CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\",\"name\":\"Cual es mi ip - Internet y otras locuras\",\"description\":\"Internet y otras locuras\",\"publisher\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\"},\"alternateName\":\"Cual es mi IP\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\",\"name\":\"Ver mi IP\",\"alternateName\":\"vermiip\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-logo-vermiip-naranja.png\",\"contentUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-logo-vermiip-naranja.png\",\"width\":512,\"height\":512,\"caption\":\"Ver mi IP\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/person\\\/0617918e61a75dc2d11c09238bf84200\",\"name\":\"Xose de la Paz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"caption\":\"Xose de la Paz\"},\"description\":\"M\u00e1s de 20 a\u00f1os transformando pasi\u00f3n en profesi\u00f3n. Experto en desarrollo Full Stack con una visi\u00f3n integral que abarca desde la gesti\u00f3n de servidores y redes hasta el dise\u00f1o de interfaz. Soy un \\\"todoterreno\\\" tecnol\u00f3gico que cree en el aprendizaje continuo y la visi\u00f3n global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi c\u00e1mara al hombro.\",\"sameAs\":[\"https:\\\/\\\/www.enfocado.com\",\"https:\\\/\\\/www.instagram.com\\\/xose_de_la_paz\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/xosedelapaz\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Curso de HTML5 y CSS3: Elementos CSS - Ver mi IP","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:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/","og_locale":"es_ES","og_type":"article","og_title":"Curso de HTML5 y CSS3: Elementos CSS - Ver mi IP","og_description":"En este art\u00edculo, profundizaremos en los elementos CSS, una de las herramientas m\u00e1s potentes y vers\u00e1tiles para dise\u00f1ar y dar estilo a p\u00e1ginas web en HTML5. Con CSS3, los desarrolladores tienen el control total sobre el aspecto de su sitio, desde la disposici\u00f3n de los elementos hasta la selecci\u00f3n de colores y fuentes. Este curso est\u00e1 dise\u00f1ado para aquellos que buscan comprender no solo la teor\u00eda, sino tambi\u00e9n la pr\u00e1ctica, mejorando as\u00ed su habilidad en el desarrollo web.","og_url":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/","og_site_name":"Ver mi IP","article_published_time":"2025-11-03T10:53:17+00:00","og_image":[{"width":1792,"height":1024,"url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/10\/output1-25.png","type":"image\/png"}],"author":"Xose de la Paz","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Xose de la Paz","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#article","isPartOf":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/"},"author":{"name":"Xose de la Paz","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/person\/0617918e61a75dc2d11c09238bf84200"},"headline":"Curso de HTML5 y CSS3: Elementos CSS","datePublished":"2025-11-03T10:53:17+00:00","mainEntityOfPage":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/"},"wordCount":563,"commentCount":0,"publisher":{"@id":"https:\/\/vermiip.es\/blog\/#organization"},"image":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#primaryimage"},"thumbnailUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/10\/output1-25.png","keywords":["Curso de HTML5 y CSS3"],"articleSection":["css","html5"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/","url":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/","name":"Curso de HTML5 y CSS3: Elementos CSS - Ver mi IP","isPartOf":{"@id":"https:\/\/vermiip.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#primaryimage"},"image":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#primaryimage"},"thumbnailUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/10\/output1-25.png","datePublished":"2025-11-03T10:53:17+00:00","breadcrumb":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#primaryimage","url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/10\/output1-25.png","contentUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/10\/output1-25.png","width":1792,"height":1024,"caption":"Curso de HTML5 y CSS3: Elementos CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-elementos-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/vermiip.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Curso de HTML5 y CSS3: Elementos CSS"}]},{"@type":"WebSite","@id":"https:\/\/vermiip.es\/blog\/#website","url":"https:\/\/vermiip.es\/blog\/","name":"Cual es mi ip - Internet y otras locuras","description":"Internet y otras locuras","publisher":{"@id":"https:\/\/vermiip.es\/blog\/#organization"},"alternateName":"Cual es mi IP","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vermiip.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/vermiip.es\/blog\/#organization","name":"Ver mi IP","alternateName":"vermiip","url":"https:\/\/vermiip.es\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","contentUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","width":512,"height":512,"caption":"Ver mi IP"},"image":{"@id":"https:\/\/vermiip.es\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/person\/0617918e61a75dc2d11c09238bf84200","name":"Xose de la Paz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","caption":"Xose de la Paz"},"description":"M\u00e1s de 20 a\u00f1os transformando pasi\u00f3n en profesi\u00f3n. Experto en desarrollo Full Stack con una visi\u00f3n integral que abarca desde la gesti\u00f3n de servidores y redes hasta el dise\u00f1o de interfaz. Soy un \"todoterreno\" tecnol\u00f3gico que cree en el aprendizaje continuo y la visi\u00f3n global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi c\u00e1mara al hombro.","sameAs":["https:\/\/www.enfocado.com","https:\/\/www.instagram.com\/xose_de_la_paz\/","https:\/\/www.linkedin.com\/in\/xosedelapaz\/"]}]}},"_links":{"self":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/comments?post=824"}],"version-history":[{"count":2,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/824\/revisions"}],"predecessor-version":[{"id":827,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/824\/revisions\/827"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/media\/825"}],"wp:attachment":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/media?parent=824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/categories?post=824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/tags?post=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}