cssを別ファイルにする方法

cssファイルが最初から分離されている場合は良いが、htmlファイル内部にスタイルシートの内容が直接記述されている場合、後々のためにも、別ファイルとしておいた方が案配がよい。理由はいくつもあるが、大きなものを挙げておくと、１）大々的に見た目を更新することが容易である。２）統一性のあるサイトの構築がしやすい。３）検索エンジンのランキングルーチンに適しやすい。※htmlファイル内の記述は出来る限り内容以外の記述（見た目などに関する記述）は少ない方がランキングが高くなる傾向にあるし、特にHeader部分が大きいのは余計によろしくない。ということであろう。さて、別ファイルとしての保存方法だが、１）新たな外部cssファイルを作成する。　（例）mystyle.css---以下、便宜上、このcssファイルをmystyle.cssと記述する２）当該htmlファイル（以下、例としてfoo.htmlとする）のソースから、スタイルシートの記述部分を切り取り、１で作った新たな外部cssファイル(mystyle.css)に貼り付ける。３）mystyle.cssから上下のコメントアウト部分（<!--と-->）を取り去る。４）foo.htmlから、<style type="text/css"></style>の部分も削除する。５）かわりに、foo.htmlに、<link rel="stylesheet" type="text/css" href="mystyle.css" />てな感じで、記述してやる。６）この例の場合、foo.htmlと同じ階層に、mystyle.cssをテキストモードでFTP転送する。