Cómo personalizar los estilos de Hoja de Estilo con CSS

CSS o Cascading Style Sheets, es un lenguaje de codificación de gran alcance diseñado para el propósito de la creación e implementación de estilos web con facilidad. Aunque HTML se ha incorporado en las opciones de estilo, CSS ofrece estilo muy superior implementar en que un estilo puede ser fácilmente aplicado a múltiples elementos HTML sin tener que modificar cada elemento individual. Los estilos en la hoja de estilos CSS se pueden personalizar para satisfacer sus necesidades.

Instrucciones

1

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

2

Escriba el nombre de la etiqueta HTML deseada, como "div", "p" o "cuerpo", y luego insertar un espacio y dos encrespado paréntesis. Tenga en cuenta que puede utilizar cualquier etiqueta. Hasta el momento, su estilo CSS debe ser similar a esto: "div {}"

3

Personalice los estilos en su hoja de estilo CSS para la etiqueta HTML que usted eligió. Cualquier tipo de estilo CSS se pueden utilizar, pero recuerde separar estilos con punto y coma. Su estilo de hoja de estilo CSS personalizado debe ser similar a esto: "div {background-color: negro; text-align: right; text-decoration: underline; color: blanco;}"

Consejos y advertencias

  • En el ejemplo al final de la etapa 3, reemplace el "background-color", "text-align", "text-decoration" y estilos "de color" con cualquier CSS estilos que desea.
  • Estilos CSS adicionales se pueden encontrar en sitios web como W3 Escuelas, Quackit y Conceptos básicos de CSS.