1、樣式表文件裏面的代碼混亂，隨着項目的進展，樣式表裏面的先有代碼不敢做任何改變，因爲連自己也不知道改了以後會給現有項目造成什麼影響。更不敢刪除。因爲連自己都不知道此處的樣式到底什麼地方用到了。
2、樣式表文件體積增大，一個頁面即使沒有用到多數的樣式，但仍然只能引用所有的樣式，導致頁面的加載緩慢。
3、所有的選擇器類型全部混在一起。甚至出現很多上下的重複和不一致。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>頁面佈局</title>
<style type="text/css">
#main
{
height:auto;
width:980px;
}
#logo
{
height:120px;
width:118px;
float:left;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
}
#nav
{
width:862px;
height:66px;
float:left;
background-image:url(images/nav.gif);
background-repeat:repeat-x;
}
#photos
{
height:232px;
width:361px;
background-image:url(images/cont.jpg);
background-repeat:no-repeat;
margin-left:100px;
float:left;
}
</style>
</head>
<body>
<center>
<div id="main">
<div id="logo"></div>
<div id="nav"></div>
<div id="photos">
</div>
</div>
</center>
</body>
</html>
