外部で読み込む場合は下記の通り
<link href="縦用.css" rel="stylesheet" type="text/css" media="screen and (orientation:portrait)">
<link href="横用.css" rel="stylesheet" type= "text/css" media="only screen and (orientation:landscape)">
詳しくは下記に記載されています。
iPhone/iPod Touch/iPad 縦と横とでcssを切り替える – babu_babu_babooのごみ箱
iPhone向けサイトの基礎知識は下記が参考になりました。
iPhone向けサイト構築 基礎文法最速マスター – EC studio デザインブログ