cssの使い方ってなんでこんなんなの？

例えば、top値変えたいときに

$('#objectID').css({top:"VALUE"});

なのに、font-size変えたいときは

$('#objectID').css("font-size", SIZE-VALUE);

でもって、TOP値をattrで取得できるのに、

$('#objectID').attr("top");

TOP値をattrで変更できない

$('#objectID').attr("top", "TOP-VALUE");