蘇爸少女心美妝店是一個以年輕女性為主要消費群體的美妝店。而對于這個年輕女性消費群體來說，店面的外觀和店內的裝修都是非常重要的。因此，在設計該店的網站時，我們也非常重視網站的美觀性和用戶體驗。在這篇文章中，我們將介紹蘇爸少女心美妝店網站的CSS代碼。

div.container {
padding: 20px;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
}
nav {
background-color: #e6e6e6;
margin-bottom: 20px;
overflow: hidden;
}
nav a {
display: block;
float: left;
color: #333;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
header {
background-image: url(header.jpg);
background-size: cover;
height: 400px;
display: flex;
align-items: center;
}
h1.header-title {
color: white;
margin: 0 auto;
font-size: 60px;
text-align: center;
}
.article {
margin-bottom: 20px;
}
.article h2 {
font-size: 24px;
margin-bottom: 10px;
}
.article p {
margin-bottom: 20px;
line-height: 1.5;
}

整個網站采用了灰色系的背景色，并且在導航欄和頭部圖片中采用了白色的字體，使得整個網站看起來非常清爽、簡潔、大氣。導航欄使用了浮動，讓每個菜單項靠左顯示，并且在hover時，背景和字體顏色都會改變，增強了用戶的交互體驗。在頭部圖片中，采用了背景圖片，并使用了flex布局，讓標題始終在圖片正中間。而在文章中，通過設置段落的行高，使得內容更加易讀，增強了用戶體驗。