在網站設計中，CSS（Cascading Style Sheets）扮演著非常重要的角色。CSS可以用來控制網頁中的樣式，包括文字、顏色、布局以及交互效果等。而在將CSS代碼放置到網站上時，需要注意以下幾點：
// 正確的CSS代碼放置方式示例 <head> <link rel="stylesheet" href="style.css"> </head>
首先，將CSS代碼保存為外部樣式表的形式，以方便管理和維護。將CSS代碼放置到獨立的外部樣式表文件中，可以避免代碼重復和更改時不必要的麻煩。在HTML文件中使用<link>標簽將外部樣式表鏈接到HTML文件中，示例如上。
// 錯誤的CSS代碼放置方式示例
<head>
<style>
h1 {
font-size: 28px;
}
</style>
</head>其次，不要將CSS代碼放置在<style>標簽中的形式。雖然這種方法可能比較方便，但是當網站規模變大時，代碼也變得冗長、不易維護。而且，將所有的樣式都放在一個HTML文件中，也會使得網站的下載速度變慢，影響用戶訪問網站的體驗。
// CSS代碼放置位置
.container {
width: 800px;
margin: 0 auto;
padding: 20px;
}最后，當放置CSS代碼時，一定要注意代碼放置位置和順序。通常將公共的樣式放在最前面，接下來是特定頁面的樣式，最后是與交互效果有關的CSS代碼。而對于代碼放置位置，通常將CSS代碼放在<head>標簽中間，這樣可以避免頁面樣式和HTML文本混雜在一起。