css archivos - Frexus https://www.frexus.dev/tag/css/ Generando Valor Agreado Sun, 12 Jan 2025 23:58:59 +0000 en hourly 1 https://wordpress.org/?v=6.9.4 https://www.frexus.dev/wp-content/uploads/2024/03/cropped-Captura-de-Pantalla-2022-12-26-a-las-15.52.42-32x32.png css archivos - Frexus https://www.frexus.dev/tag/css/ 32 32 215529362 Desarrollo Para Internet https://www.frexus.dev/articulo/desarrollo-para-internet/ https://www.frexus.dev/articulo/desarrollo-para-internet/#respond Sun, 23 Apr 2023 23:34:00 +0000 https://www.frexus.dev/?p=1709 Presentación Recursos Actividades Herramientas Bibliografía sugerida

La entrada Desarrollo Para Internet se publicó primero en Frexus.

]]>
desarrollo para internet
Photo by Pavel Danilyuk on Pexels.com

Presentación

Recursos

Actividades

Herramientas

Bibliografía sugerida

  • W3Schools HTML Introduction: https://www.w3schools.com/html/html_intro.asp
  • HTML Dog Introduction to HTML: https://www.htmldog.com/guides/html/beginner/
  • Mozilla Developer Network HTML Basics: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
  • Codecademy Learn HTML: https://www.codecademy.com/learn/learnhtml
  • FreeCodeCamp HTML Tutorial: https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/
  • A Brief History of HTML: https://www.htmlgoodies.com/html5/client/abrief-history-of-html.html
  • The History of HTML: https://www.lifewire.com/history-of-html-3468625
  • The Evolution of HTML: From HTML 1 to HTML 5: https://www.guru99.com/history-of-html.html
  • The History of HTML: https://html.com/history/
  • A Short History of Markup Languages: https://www.w3.org/MarkUp/SGML/History.html
  • A Brief History of JavaScript: https://auth0.com/blog/a-brief-history-ofjavascript/
  • JavaScript: A Brief History: https://medium.com/beginners-guide-tomobile-web-development/javascript-a-brief-history-80ec52eb7baf
  • The History of JavaScript: https://www.w3.org/community/webed/wiki/The_history_of_JavaScript
  • JavaScript: A Short History: https://www.webfx.com/blog/web-design/javascript-a-short-history/
  • The History of JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript/The_history_of_JavaScript
  • HTML Versions: https://www.w3schools.com/html/html_versions.asp
  • HTML Version History: https://html.com/history/version/
  • HTML Versions and Their Differences: https://www.thoughtco.com/htmlversions-and-their-differences-3469156
  • HTML Versions: What’s New in HTML5? https://www.sitepoint.com/htmlversions-whats-new-in-html5/
  • HTML Versions and Their Differences: A Brief History: https://www.guru99.com/html-versions-history.html
  • JavaScript Versions: https://www.w3schools.com/js/js_versions.asp
  • A Brief History of JavaScript Versions: https://auth0.com/blog/a-brief-history-of-javascript-versions/
  • ECMAScript Versions and History: https://www.tutorialsteacher.com/javascript/ecmascript-versions-history
  • A History of JavaScript: ECMAScript and Beyond: https://blog.logrocket.com/history-of-javascript-ecmascript-beyond/
  • JavaScript Versions and Features: https://www.educba.com/javascriptversions/

La entrada Desarrollo Para Internet se publicó primero en Frexus.

]]> https://www.frexus.dev/articulo/desarrollo-para-internet/feed/ 0 1709 Ejercicios básicos de hojas de estilo en cascada https://www.frexus.dev/articulo/ejercicios-basicos-de-hojas-de-estilo-en-cascada/ https://www.frexus.dev/articulo/ejercicios-basicos-de-hojas-de-estilo-en-cascada/#respond Tue, 07 Mar 2023 20:54:13 +0000 https://www.frexus.dev/?p=1651 La siguiente serie de ejercicios permitirá familiarizar al lector con las hojas de estilo en cascada, a continuación se desglosa los ejercicios: Se espera que estos ejercicios brinde al lector una mejor relación con las hojas de estilo en cascada y su uso con el lenguaje de marcado html.

La entrada Ejercicios básicos de hojas de estilo en cascada se publicó primero en Frexus.

]]> La siguiente serie de ejercicios permitirá familiarizar al lector con las hojas de estilo en cascada, a continuación se desglosa los ejercicios:

  1. La empresa recicla S.A de S.V ha extraviado su archivo css donde contenía una regla importante que permite cambiar el color de fondo de la página a verde claro. Este fichero debe de estar enlazado con el html.
  2. Una de las filiales de la empresa recicla requiere que se agregue una clase con el nombre de “destacado” a un elemento en su página HTML, como un encabezado o un párrafo. Se sugiere, que se agregue una regla CSS para cambiar el color de fondo de cualquier elemento con la clase “destacado” a amarillo.
  3. La filial de Toronto de la empresa recicla necesita que se agregue un identificador llamado “titulo” a un elemento en su página HTML, como un encabezado. Se sugiere, agregar una regla CSS para cambiar el tamaño de fuente del elemento con el identificador “titulo” a 24px.
  4. Una sucursal de la empresa recicla necesita que se agregue una regla CSS para dar estilo a todos los elementos de enlace en tu página HTML. Se sugiere que se cambie el color del texto de los enlaces a azul y establece la decoración de texto a subrayado.
  5. El maquetador web de la empresa recicla, necesita de tu ayuda para agregar una regla CSS que permita dar estilo a un elemento de lista desordenada. Se sugiere que se cambie el estilo de marcador de la lista desordenada a un círculo relleno y cambia el color del texto de los elementos de lista a verde.
  6. EL diseñador gráfico de la empresa recicla, debe de tener la siguiente regla de hojas de estilo debe dar estilo a una tabla en su página HTML. Se sugiere que se cambie el color de fondo de las celdas de la tabla a gris claro y establece el borde de la tabla a 1px sólido de color negro.

Se espera que estos ejercicios brinde al lector una mejor relación con las hojas de estilo en cascada y su uso con el lenguaje de marcado html.

La entrada Ejercicios básicos de hojas de estilo en cascada se publicó primero en Frexus.

]]> https://www.frexus.dev/articulo/ejercicios-basicos-de-hojas-de-estilo-en-cascada/feed/ 0 1651 Y un día te enteras de … https://www.frexus.dev/articulo/y-un-dia-te-enteras-de/ https://www.frexus.dev/articulo/y-un-dia-te-enteras-de/#respond Wed, 16 Nov 2022 07:40:00 +0000 https://ajgutierrez.com.mx/?p=1532 Se ha estado leyendo en los últimos días sobre html y css, es agradable los avances significativos que se ha tenido en ellos, ya que por dar un ejemplo para la creación clásica de un acordeón debería de usarse html, css y javascript, no es que este invalidado esa combinación para su uso. Sino que la existencia de las etiquetas details y summary de html ahorran un buen de tiempo y ya con el css se le da la mascará que uno desee y de cierta manera hasta los efectos dejo al calce un código fuente donde se usa un css para hacer un acordeón donde se tiene un div como contenedor y tres opciones donde se hace uso a las etiquetas antes mencionadas y el css que le da un aspecto más vistoso. A continuación se muestra el código css Seguidamente se deja el código html

La entrada Y un día te enteras de … se publicó primero en Frexus.

]]> Se ha estado leyendo en los últimos días sobre html y css, es agradable los avances significativos que se ha tenido en ellos, ya que por dar un ejemplo para la creación clásica de un acordeón debería de usarse html, css y javascript, no es que este invalidado esa combinación para su uso.

Sino que la existencia de las etiquetas details y summary de html ahorran un buen de tiempo y ya con el css se le da la mascará que uno desee y de cierta manera hasta los efectos dejo al calce un código fuente donde se usa un css para hacer un acordeón donde se tiene un div como contenedor y tres opciones donde se hace uso a las etiquetas antes mencionadas y el css que le da un aspecto más vistoso.

A continuación se muestra el código css

<style>
        .acordeon{
            background: #576beb;
            color: #FFFFFF;
            font-size: 12px;
        }
        details{
            cursor: pointer;
            background: #7686f0;
            padding: .5rem;
           border-radius: 6px;
           margin: .5rem;
        }
        summary{ 
            list-style: none; }
            summary::before{
            content: '∧';
            padding-right: 1rem;
        }
        details[open] summary::before{
            content: '∨';
        }
        details { position: relative; }
        details summary::before{
            position: absolute;
            font-size: .85rem;
            top: 10px;
           right: 12px;
</style>

Seguidamente se deja el código html

&lt;div class='acordeon'&gt;
        &lt;details&gt;
            &lt;summary&gt;Título uno&lt;/summary&gt;
            &lt;div&gt;
                 &lt;p&gt; Descripción del título uno &lt;/p&gt;
            &lt;/div&gt;
        &lt;/details&gt;
        &lt;details&gt;
            &lt;summary&gt; Título dos &lt;/summary&gt;
            &lt;div&gt;
                 &lt;p&gt; Descripción del título dos &lt;/p&gt;
           &lt;/div&gt;
        &lt;/details&gt;
        &lt;details&gt;
             &lt;summary&gt; Título tres &lt;/summary&gt;
             &lt;div&gt;
                 &lt;p&gt; Descripción del título tres &lt;/p&gt;
             &lt;/div&gt;
       &lt;/details&gt;
&lt;/div&gt;

La entrada Y un día te enteras de … se publicó primero en Frexus.

]]> https://www.frexus.dev/articulo/y-un-dia-te-enteras-de/feed/ 0 1532