Zakładam, że to jest twoja pierwsza strona.
Pierw cię jednak z błędu wyprowadze:
niektóre znaczniki css nie działały w dokumencie css tylko musiały byc wpisywane w kodzie html w znaczniku np" style="nnnnn"
Znacznik style jest specyficznym selektorem CSS (To samo byś uzyskał jakbyś zapakował <style></style>, więc nie ma prawa by to nie działało, a jak nie działa z powodu błędu programisty a nie od arkusza stylów CSS
Co do skrócenia HTML-a, to oprócz braku całkowitej semantyki oraz używanie tagów, które wkrótce mogą zniknąć, raczej skrócić się go nie da.
Pierwszy przykład, prawidłowej konstrukcji CSS:
a{
text-decoration: none;
color:white;
padding-right:10px;
}
Ten kod działa.
Wracając do twojego problemu, jeżeli chcesz bardzo ograniczyć CSS, szukaj taki właściwości których wartośc jest taka sama jak w innym selektorze (p,html itd). Przykład:
#logo
{
width:100%; // I tu
text-align:center;
font-size: 62px;
}
#footer
{
clear:both;
width:100%; // Tu się powtarza
text-align: center;
font-size:20px;
}
Możesz napisać następująco:
#logo,#footer
{
width:100%;
}
Albo dodając do swojego arkusza klase CSS
.width100{
width:100%;
}
oraz dodając do danego selektora
<div id='footer' class='width100'></div>
Poza tym zapoznaj się media-queries. Ustawienie procentów nie zawsze skutkuje ;).