Mi chuleta de instrucciones CSS para dar formato al texto

Mi chuleta de instrucciones CSS para dar formato al texto

Print Friendly, PDF & Email
Mi chuleta de instrucciones CSS para dar formato al texto
5 (100%) 1 voto

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!

Entradas relacionadas:

Ejercicio css sobre la propiedad box-shadow (css3)
- 37
Ejercicio para practicar con la propiedad box-shadow de css. Incluye solución.
Significado de las propiedades top, bottom, left, right de css
- 1292
Para cada propiedad se muestra un ejemplo visual del efecto de un valor positivo o negativo de top, right, bottom y left.
Ejemplo de centrado horizontal de una caja con CSS
- 593
Ejemplo de como centrar horizontalmente una caja o contenedor en una página web y mediante CSS.
Escribe los selectores css adecuados en cada caso
- 44
Ejercicio css del curso web ifcd0110 para practicar con los selectores más adecuados a poner en un fragmento de html. Incluye solución.
Guía rápida para crear botones personalizados con CSS
- 194
Hacemos un repaso rápido a :hover :active y las propiedades box-shadow, border-radius, cursor y background para estilizar botones.
Posicionamiento mediante CSS de etiquetas html (cajas) en un documento web
- 285
Ejemplos prácticos y visuales dónde se muestran los posicionamientos static | absolute | relative | fixed | sticky. Incluye código CSS y HTML
Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
- 120
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Creación de un menú horizontal con sub menú desplegable mediante CSS
- 615
Código CSS explicado paso a paso para crear un menú horizontal con un sub menú vertical. Apuntes de alumno IFCD0110 tutorial CSS.
Sintaxis CSS básica. Cómo se escribe el CSS.
- 309
Escribir CSS es fácil. Es un lenguaje que no tiene sorpresas. En esta entrada se explica como se escribe una instrucción CSS.
La propiedad z-index
- 110
Resumen y ejemplo de aplicación de la propiedad Z-index. Asignatura CSS curso confección y publicación de páginas web.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.