Mi chuleta de instrucciones CSS para dar formato al texto

5
(1)

Publicado

Aviso importante web en obras

Es posible que el contenido que estás visualizando tenga un formato un poco raro o que se haya perdido algún contenido. Esto se debe a que en 2023/09 decidí renovar la página y con más de 1000 escritos el trabajo de irlos revisando uno por uno es agotador. Poco a poco iré corrigiendo todos los contenidos. ¡Gracias por la comprensión!

Resumen de instrucciones CSS para texto

Una de las dificultades del CSS es que hay que aprender mucha teoría previamente a empezar captar la esencia del lenguaje.

Es importante aprender como funcionan los selectores, la herencia, las dimensiones, colores, … y además familiarizarse con un gran número de instrucciones para dar formato a texto, listas, tablas y enlaces entre otros.

Existen muchas instrucciones para dar formato al texto. Es difícil recordarlas todas.

En este contexto es necesario un poquito de filtro y centrarse en las instrucciones más típicas para coger confianza.

Se resumen brevemente las principales instrucciones CSS que afectan a letras, palabras y párrafos. En definitiva, al texto.

En formato de comentario se explica que hace cada instrucción y los posibles valores que puede tomar.

De todos modos, previamente sería interesante repasar los siguientes conceptos:

p{
	/* Espaciado entre letras */	letter-spacing: 0.1em;
	/* Tamaño de fuente */			font-size:18px;
	/* italica, normal, oblicuo*/	font-style: italic; /* italic | normal | obliq*/ 
	/* Tipografía*/					font-family: "Times New Roman", helvetica, sans-serif;
	/* Grosor de letra */			font-weight:normal; /*normal 400 | bold 600 | bolder 900*/
	/* Centrado y justificado */	text-align:right; 	/*justify | center | left | right*/
	/* Mayúsculas, minúsculas */ 	text-transform: lowercase; /*uppercase | lowercase | capitalize*/
	/* Subrayado, tachado */		text-decoration: line-through; /* underline, line-through, overline*/
	/* Separación entre palabras */ word-spacing:0.5em;
	/* Altura de línea */			line-height: 1.6em;	
}

¡Hola!

Querido lector,

Espero que estos pequeños apuntes de clase te puedan ser de utilidad.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *