Yazdığın güzel bilgiler için teşekkürler arkadaşım fakat üzerinde ufak birkaç düzeltme yapacağım.

ileri css yazım tekniklerinin ilk kurallarından biri artık birçok özelliği birlikte yazmaktır ne gibi mesela background. bir background tanımlarken uzun uzadıya background-image , bg repeat, bg position gibi tekrar tekrar yazmak yerine ;
background:#renk url('resim adresi') pozisyon tekrar özelliği;

örnek vermek gerekirse ;

background: #ffffff url('logo.jpg') left top no-repeat;

aynı şekilde a tag'i için de sadece direk a ve a:hover belirlemen yeterli olur.

font tanımlarken de yine kısa yazım tekniklerini kullanabilirsin. bunda da şu şekilde :

font:genişlik punto font ailesi;

örnek olarak:

font: bold 12px arial;

burada 12px değerinden sonra "/" koyup bir değer daha verirseniz o tag'in satır yüksekliğini de ekstra kod yazmadan halletmiş olursunuz. yani:

font: bold 12px/24px arial;

yaptığınızda o elementin line-height değeri 24 px olur.

Teşekkürler.

Saygılarımla