Que es un inline style?

Javier Alejandro Flores Gomez

Javier Alejandro Flores Gomez

Pregunta
studenthace 4 años

Que es un inline style?

4 respuestas
para escribir tu comentario
    JeanCarlos Atoche Pascual

    JeanCarlos Atoche Pascual

    studenthace 4 años

    es cuando dentro de la la etique que usas en html le das el estilo, eso es una muy mala practica ya que produce codigo espaguety

    Javier Alejandro Flores Gomez

    Javier Alejandro Flores Gomez

    studenthace 4 años

    Muchas gracias a todos por sus aportes

    Julián Ramírez

    Julián Ramírez

    studenthace 4 años

    ¡Hola, Javier! Los Inline styles o estilos en línea se refieren a los estilos que se escriben sobre la misma línea de código del elemento que quiero modificar (es decir, dentro del HTML):

    Screenshot_7-1.png

    Te recomiendo hacer uso de los ID`s, clases y demás herramientas que te ofrece CSS para no tener que hacer esto ya que como se explica en la clase estos tienen un nivel mayor de especificidad y, por tanto, pueden causarte que los estilos que tengas en el CSS no se apliquen correctamente :D.

    Andrés D Amelio

    Andrés D Amelio

    studenthace 4 años

    Es cuando tu aplicas un estilo en linea y lo aplicas a un único elemento, esto lo haces a través del atributo style. Imagina que tienes un párrafo y quieres que sea de color azul

    <p style="color: blue;">Este es un párrafo</p>

    En este caso le estas agregando el color azul a ese único elemento. Esta forma de dar estilos no es muy recomendada porque te da mucho trabajo cuando quieres hacer cambios, imagina que tengas que cambiar el color del texto de tu página, tendrías que ir etiqueta por etiqueta y cambiar, la mejor opción es utilizar clases y agregar los estilos en un archivo css, así puedes reutilizar, y hacerlo más mantenible

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.