Aquí irás viendo los cambios resultantes de la lectura/escritura en localStorage.
Inicialmente, este DIV tiene el fondo blanco y el texto negro.
Cada vez que pinchas "Leer localStorage" se hacen visibles los cambios. Simula una recarga de la página.
Si cierras esta página sin borrar el localStorage y vuelves a entrar con el mismo navegador, verás que te conserva los valores que hayas establecido.
Pero si entras con otro navegador, el localStorage estará vacío.
En el código fuente de esta página puedes ver lo fácil que es el manejo de localStorage.
En este ejemplo he usado los tres métodos de lectura/escritura, pero lo suyo es usar sólo uno, el que prefieras.