Como faz esse efeito? e como saber tamanho exato da pagina

Galera gostaria de saber se alguém pode me ajudar? estou querendo aprender a fazer esse efeito onde clicamos no menu e ao invés de carregar uma nova pagina a pagina desce e vai até onde queremos, para entender melhor o q quero basta acessar esse site: http://www.novaconteudo.com.br/ e da uma navegada no menu...

Outra duvida eh como saber o tamanho exato da pagina para na hora da criação deixar já definido e como definir isso no CSS? agradeço