CSSの外部参照について。
XHTMLの内部にCSSを記述すると認識されますが、CSSを外部参照で指定すると、認識されずここでいうindex.htmlに記述した構文しか表示されません。
初心者です。
いくらXHTML,CSSの本や検索をしても中々理解がはかどらず、思うようにいきません。初歩的な間違いだと思いますが、どうぞよろしくお願い致します。ｍ（＿ ＿）ｍ
index.html,works.htmlとCSSの記述場所を外部参照にし、HPをつくろうとしています。
XHTMLファイルはindex.html,works.htmlで （biography.htmlやaccess.htmlは後でつくります。）、
CSSはcssというファイルに、中にはstyle.cssがあります。画像はimgのフォルダにあります。
この回答にある４つの方法も参考にしてみたのですが、外部参照CSSは認識されませんでした。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1120846271
(次にCSSが置いてあるディレクトリ内に新規フォルダを作りその中にHTMLがある場合
<link href="../○○.css" rel="stylesheet" type="text/css">とあったので、今はこう記述しています。<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />）
*XHTMLソース
<?xml version="1.0" encoding"utf=8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1"/DTD/xhtml1-strict.dtd">
<html xmlns=http://www.w3.org./1999/xhtml"
xml:lang="ja" lang="ja">
<?xml version="1.0" encoding"utf=8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1"/DTD/xhtml1-strict.dtd">
<html xmlns=http://www.w3.org./1999/xhtml"
xml:lang="ja" lang="ja">
<head profile="">
<title>***</title>
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
</head>
<div id="wrapper">
<div id="header">
<h1>***</h1>
</div>
<div id="main">
<ul>
<li class="biography"><a href="#">>> Biography</a></li>
<li class="works"><a href="works.html#works">>> Works</a></li>
<li class="access"><a href="#">>> Access</a></li>
</ul>
</div><div id="footer">
<ul>
<li><a href="#">sitemap</a></li>
</ul>
</div>
</div>
*CSS
body,div,ul,ol,li,h1,p{margin:0;
padding:0;}
body{ text-align:center; min-width:780px;
background:#f5f5f1;
coler:#666666;
fontfamily:Tahoma,"Lucida Geande", Arial,sans-serif;
font-size;62.5%; }
h1{display:none;}h1
#wrapper{width:740px; margin:0 auto; text-align:left;}
#main a {height:100px;
color:#ffffff;
font-size:1.8em;
text-tramsform: uppercase;
text-decoration: none;
display: block;}
#main a:hover,a:active{color: #cccccc;}
#main ul{list-style:none;}
#main ul li{padding:5px 0px 5px 0px;}
#header{height:115px;
margin:15% 0 0 0;
background:url(.img/image/blue.gif) no-repeat left center;}
.biography{background:url("blue.gif") no-repeat left center;}
.works{background-image:url(./img/works.gif) no-repeat left center;}
.access{background-image:url(./img/access.gif) no-repeat left center;}
#footer ul li {padding:10px;
display:inline;}
#footer ul {text-align:right;}
#footer p {text-align:center;}
どうぞよろしくお願い致します。
補足
../は、管理する際に好ましくないのかも...と思い、不安になったという意味でございます。不勉強でごめんなさい。