Las hojas de estilo en cascada se utilizan para formatear el contenido de una página HTML. En consecuencia, todos los comandos utilizados en CSS están destinados a editar la apariencia de cualquier elemento de un documento HTML.
Es necesario
Una computadora con conexión a Internet
Instrucciones
Paso 1
Lea sobre cómo se utilizan las hojas de estilo en cascada. El formato de texto es la característica más utilizada de las hojas de estilo en cascada. Cualquier documento HTML contiene una gran cantidad de información textual en sus distintas partes. Al mismo tiempo, cada parte de la página debe tener su propio formato y fuente: parte del texto es el texto del menú, la otra es el título, la tercera es el texto principal de la página, etc. Para formatear la información del texto, se utilizan comandos para cambiar el nombre de la fuente, su tamaño, peso, etc.
Paso 2
Entonces, en primer lugar, observe el parámetro de estilo de la familia de fuentes. Este atributo le permite establecer una fuente específica para esta etiqueta. El nombre de la fuente se escribe después del signo ":". El atributo de estilo de tamaño de fuente se utiliza para establecer el tamaño del texto contenido en la etiqueta. El valor del tamaño también se escribe después del signo ":" y se indica en píxeles, por ejemplo, "tamaño de fuente: 20px".
Paso 3
Tenga en cuenta que los parámetros de estilo se pueden concatenar y escribir juntos utilizando el signo ";". Esto es útil si necesita establecer varios parámetros para una etiqueta.
Paso 4
Utilice el color del atributo de estilo para cambiar el color del texto. El nombre del color se escribe de la forma estándar: verde, azul, rojo, etc. También tiene la capacidad de establecer el color no solo del texto en sí, sino también del color de fondo. Para ello, se utiliza el atributo background-color, tras lo cual también se debe indicar el color seleccionado. Si desea utilizar una imagen, no un relleno, como fondo en el área de esta etiqueta, consulte el parámetro de estilo de la imagen de fondo, especificando después la fuente de la imagen.
Paso 5
Familiarícese con una serie de atributos de estilo que establecen los parámetros de los elementos de la página, que, en primer lugar, incluyen relleno, borde, flotante y posición.
Paso 6
Utilice el parámetro de relleno para establecer la cantidad de margen que está vinculado a la etiqueta dada. En este caso, este valor se cuenta desde cada lado. Especifique el atributo de borde para formar el borde de este campo. Después de los dos puntos, el ancho del borde se escribe en píxeles. La propiedad flotante permitirá que un elemento de su página flote hacia la derecha o hacia la izquierda. En este sentido, los parámetros de calificación de esta propiedad son left o right.
Paso 7
Si necesita colocar con precisión un objeto en el documento, use la propiedad de posición. Localiza el elemento de la página de forma absoluta, como "posición: absoluta; inferior: 50px; derecha: 10px;", o de forma relativa, según la distancia desde los bordes de la página.
