Css Inliner Javascript

| | | | | | | | | | | | | | | | | | |

CSS en lìnea aplica un estilo CSS dentro de la etiqueta HTML de un elemento. El atributo HTML de estilo establece el estilo de un elemento. Las reglas de CSS en lìnea anulan los estilos de otros documentos CSS porque se aplican directamente a un elemento.

El lenguaje de programaciòn HTML se utiliza para definir la estructura de una página web. CSS le permite agregar sus propios estilos a los elementos HTML.

Esto le brinda la posibilidad de personalizar la estética de los elementos en una página web. Hay tres enfoques que puede utilizar para agregar CSS a una página web: CSS en lìnea, CSS interno y CSS externo. Para este tutorial, nos centraremos en CSS en lìnea.

Este tutorial discutirá còmo agregar CSS a una página web usando CSS en lìnea y la sintaxis asociada con los estilos en lìnea.

Estilos CSS

En 1996, se introdujo CSS . CSS hizo posible separar la presentaciòn y el contenido de un sitio web. Con CSS, puede agregar estilos fácilmente a una página web y aplicar esos estilos a elementos especìficos en la página web.

Hay tres métodos que puede utilizar para aplicar estilos a una página web:

  • CSS en lìnea: este método implica aplicar un estilo √∫nico a un solo elemento.
  • CSS externo: este método implica la creaciòn de un archivo CSS separado que almacena los estilos de una página web. < / li>
  • CSS interno: este método implica el uso de un "style" etiqueta para definir los estilos de un archivo HTML .

Para este tutorial, analizaremos còmo escribir CSS en lìnea en profundidad.

CSS en lìnea: una guìa

CSS en lìnea aplica un estilo a un elemento HTML. Los elementos CSS en lìnea deben especificarse para cada elemento al que desee aplicar un estilo. Son una alternativa al uso de selectores para trabajar con un elemento en particular.

Suponga que desea cambiar el color o el tama√±o de fuente de un párrafo de texto en una página web. En lugar de escribir una regla en un hoja de estilo, puede agregar el estilo directamente al párrafo cuyo color desea cambiar.

Las reglas aplicadas en lìnea anularán cualquier estilo aplicado en una hoja de estilo interna o externa.

Para usar CSS en lìnea, puede especificar un estilo CSS directamente en un atributo "estilo" de un elemento. Veamos un ejemplo para ilustrar còmo funciona esto.

Suponga que queremos cambiar el texto el color de un solo encabezado en una página web a verde. Podrìamos hacerlo usando el siguiente còdigo:

El còdigo anterior establece el Fuente CSS color de nuestro rumbo al verde. Debido a que solo queremos que nuestro estilo se aplique a este encabezado, lo hemos agregado directamente usando CSS en lìnea.

Cuándo usar estilos CSS en lìnea

Los estilos CSS en lìnea se usan para obtener una vista previa de los cambios a una página web o para agregar elementos a un elemento en una página.

Los estilos en lìnea se utilizan para obtener una vista previa de cambios especìficos porque puede trabajar con un elemento especìfico en lugar de todos los elementos que cumplen con un selector de CSS . No necesita preocuparse por cambiar una hoja de estilo para obtener una vista previa de un cambio.

Los estilos en lìnea se utilizan para agregar reglas CSS a un elemento en una página web. Entonces, si desea establecer el ancho de un párrafo de texto en 500px, puede hacerlo. Pero si desea establecer el ancho de varios párrafos de texto en 500px, debe usar otro método de estilo.

Cuando se usa con moderaciòn, CSS en lìnea es una buena forma de aplicar estilos a elementos en una página web. Sin embargo, el uso excesivo de CSS en lìnea puede resultar fácilmente en còdigo desordenado.

Los estilos en lìnea son difìciles de actualizar porque tiene que cambiar manualmente cada estilo. Los estilos en una hoja de estilo, por otro lado, pueden usar selectores amplios. Estos selectores pueden afectar m√∫ltiples elementos en un documento HTML.

A menudo es mejor usar CSS interno o externo cuando desea aplicar una gran lista de reglas a un elemento. Por lo tanto, si desea aplicar seis o siete propiedades CSS a un elemento, es posible que desee evitar el uso de CSS en lìnea.

Esto se debe a que, como mencionamos, el uso excesivo de CSS en lìnea puede hacer que su còdigo sea más complicado. Si tiene seis reglas CSS contenidas en un elemento HTML, hace que sea más difìcil ver el elemento en su còdigo.

Conclusiòn

Estilos CSS en lìnea a Aplicar un estilo a un elemento especìfico en una página web. En general, usar CSS en lìnea es mejor cuando desea obtener una vista previa de un cambio o aplicar estilo a solo algunos elementos en una página web. Si desea aplicar más estilos a un elemento, generalmente se prefiere usar hojas de estilo internas o externas.

Este tutorial trata, con referencia a ejemplos, los conceptos básicos del estilo en CSS y còmo usar estilos CSS en lìnea. . Ahora está listo para comenzar a usar CSS en lìnea como un desarrollador web profesional.

Para obtener más informaciòn sobre la codificaciòn en CSS, lea nuestra guìa completa sobre Còmo Aprenda CSS .