雖然現在有很多基于CSS的框架和庫，讓開發者可以更加方便地布局和設計網頁，但是仍然有人在玩純手寫的CSS。

body {
font-family: Arial, sans-serif;
color: #333;
background-color: #fff;
}
header {
height: 80px;
background-color: #333;
padding: 10px 20px;
}
nav {
float: left;
width: 200px;
margin-right: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
margin-bottom: 5px;
}
nav a {
display: block;
color: #fff;
padding: 5px 10px;
text-decoration: none;
background-color: #555;
border-radius: 5px;
}
main {
float: left;
width: 600px;
}
article {
margin-bottom: 20px;
}
h1 {
font-size: 24px;
}
p {
font-size: 16px;
line-height: 1.5;
}
footer {
clear: both;
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
}

這是一個簡單的網頁布局代碼，包括了header、nav、main、article和footer五個部分，通過設置float屬性和width屬性，使這些部分能夠自適應不同的屏幕大小。

手寫CSS的好處是可以更加靈活地控制網頁的布局和樣式，同時也可以更好地理解CSS的工作原理。當然，在實際開發中，我們可能會使用一些現成的CSS框架和庫來加快開發速度。