Html, css로 사이트 만들기 배우고있는데요

가운데정렬이랑  마우스오버 관련이 너무 어렵네요..

Div 상자 가운데정렬하는방법이 정말 너무 궁금해요

무슨 padding auto?같은것을 들은것같은데.. 정확히 몰라서 못쓰고있고요

마우스 오버는 마우스 올렸을때 컬러가 바뀌는것 은 배웠는데요

Div상자나 이미지에 마우스를 올렸을때 그 위치에서 gif 움직이는것을 띄우고싶어요

Visible:Hidden 이 쓰이는것이 맞는지 여쭤보고싶고요.

만약 맞다면, Visible:hidden 에서 마우스오버했을때 푸는 방법을 알고싶어요.. 

글이 뭔가 복잡해진것같아서 정리하자면

1. Div 가운데정렬
2. 마우스오버시 그 위치에 gif파일 보이게하기