come applicare css ad un div (era:css)

sto cercando di capire come creare i css.
Vorrei creare un box .Ho creato da "nuovo documento di testo" un file.css rinominandolo in prova.css.
Al suo interno ho messo:

<style type="text/css">
body{font size:30pt;}
#box {
widt:350px
height:150px
padding:20px }

Poi in html ho inserito <link rel="stylesheet" href="prova.css" type="text/css"> dentro head.
dopo body <div id="box">oggi studio</div>
Ho fatto cosi' dopo aver letto una guida,ma non mi esce fuori nessun box.
Non sono molto pratico, se ho sbagliato qualcosa potreste correggermi il codice per creare il box di width: 350px e height: 150px per poter capire meglio.grazie

Togli <style type="text/css"> dal file css.


ciao!