Tecnología

Inicio

Cómo personalizar los estilos de hojas de estilo con CSS

June 5

CSS o Cascading Style Sheets, es un lenguaje de codificación de gran alcance diseñado con el propósito de crear e implementar estilos web con facilidad. Aunque HTML se ha incorporado en las opciones de estilo, CSS proporciona estilo muy superior en la implementación de un estilo que puede ser fácilmente aplicado a varios 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 la hoja de estilos CSS y coloque el cursor en una nueva línea en la página. Si es necesario, pulse la tecla "Enter" varias veces para crear y mover a una nueva línea.

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

3 Personalizar los estilos en su hoja de estilo CSS para la etiqueta HTML que ha elegido. Cualquier tipo de estilo CSS se pueden utilizar, pero recuerde que debe separar estilos con punto y coma. Su estilo 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, reemplazar el "background-color", "text-align estilos" color "con lo que CSS estilos que desea," "text-decoration" y.
  • estilos CSS adicionales se pueden encontrar en sitios web como W3 Escuelas, Quackit y Conceptos básicos de CSS.