ubiquitour.com

Cómo personalizar estilos de hoja de estilos con CSS

CSS o Cascading Style Sheets, es un poderoso lenguaje de codificación diseñado con el propósito de crear y aplicar estilos de web con facilidad. Aunque HTML tiene opciones de estilo integrado, CSS ofrece implementación de estilo muy superior en que un estilo puede aplicarse fácilmente a múltiples elementos HTML sin tener que modificar cada elemento por separado. Los estilos en tu hoja de estilo CSS se pueden personalizar para satisfacer sus necesidades.

Instrucciones

1 Abra su hoja de estilos CSS y coloque el cursor en una nueva línea en la página. Si es necesario, golpee varias veces la tecla "Enter" para crear y mover a una nueva línea.

2 Escriba el nombre de la etiqueta HTML deseado, como el "div", "p" o "cuerpo" y a continuación, inserte un espacio y dos soportes de rizado. Tenga en cuenta que puede utilizar cualquier etiqueta. Hasta ahora, su estilo CSS debe parecerse a esto: "div {}"

3 Personalizar los estilos en tu hoja de estilo CSS para la etiqueta HTML que usted eligió. Cualquier tipo de estilo CSS puede ser utilizado, pero recuerda que los estilos se separan con punto y coma. Su estilo de hoja de estilos CSS personalizada debe parecerse a esto: "div {fondo-color: negro; texto-alinee: derecho; texto-decoración: subrayado; color: white;}"

Consejos y advertencias

  • En el ejemplo al final del paso 3, reemplace el "background-color", "alinear texto," estilos "text-decoration" y "color" con lo que CSS estilos te quieren.
  • Estilos CSS adicionales pueden encontrarse en sitios como escuelas W3, Quackit y conceptos básicos de CSS.