Hola
Pues por ejemplo:
Código:
<h1>Noticias destacadas</h1>
en vez de
Código:
<div class="titulo">Noticias destacadas</div>
Eliminaría iconond ya que solo es un espacio y le aplicaría margin o padding al título que está al lado.
redefiniría cosas como esta:
así
Los elementos dentro de noticiasdescatacas, en vez de un div por línea, los maquetaría como una lista.
Dado que tienes varias noticias, puedes tener un lista dentro de otra o mantener diferentes divs y dentro una lista por noticia. Si usas la primera opción, asignas las propiedades mediante los elementos, si lo haces con la segunda forma, el uso de clases para los bloques noticiasdestacadas y su contenido está bien. Aunque bastaría con que asignes un clase al bloque, a los elementos internos te puedes referir usando la jerarquí, es decir, por ejemplo así:
Código:
.noticiasdestacadas ul li a {text-decoration: none; font-weight: 700;}
Etc, etc
;)
Por cierto que tienes algunos errores, por ejemplo en masnoticias solo asignas 3 medidas y no 4 o 2 que es la forma correcta.
Cada vez que un vínculo, defines las mismas propiedades, es mejor que en vez de una clase, definas las propiedades para el elemento a. Ya puestos, debería shacerlo para a:link, a:visited, a:hover, a:active.
Felicidad