Optimización del codigo

He estado observando que el código no es eficiente en muchas situaciones:

1. Al importar la fuente externa los títulos del <header>. (Home, Productos, Contacto) no se actualizaron en las demás paginas del nuestro desarrollo web.

2. No es eficiente colocar la imagen de diferenciales en la misma línea de la etiqueta <ul>, porque si la persona cambia o formatea el codigo para visualizarlo mejor, el formateador por defecto va a cambiar de posicion toda la linea de la imagen.

CSS </ul><img src="diferenciales/diferenciales.jpg" class="imagen-diferenciales"/>

1. Mi sistema no renderiza cuando escribo rgba. Solamente, me deja colocar un cuarto parametro con el elemento rgb normal. Acontinuación te muestro el codigo:

CSS

.titulo-principal {
  text-align: center;
  font-size: 2em;
  margin: 0 0 1em;
  clear: left;
  color: rgb(218, 0, 0, 0.3)
}

Aclaro, no soy experto, esto es solo una observación para el curso. si me estoy equivocando por favor sepan corregirme. Gracias por todo lo que hacen y toda su colaboración.