最近我在學習CSS，為了練習，我決定做一個寵物店網頁。在這個網頁上，我用許多CSS技巧來使頁面更加美觀和易于使用。

/* 下面是我的寵物店網頁的CSS代碼 */
body {
font-family: sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #5C5C5C;
color: white;
padding: 20px;
}
h1 {
margin: 0;
font-weight: normal;
}
nav {
background-color: #9B9B9B;
color: white;
padding: 10px 30px;
}
nav a {
color: white;
text-decoration: none;
padding: 10px;
}
nav a:hover {
background-color: #C2C2C2;
color: black;
}
main {
display: flex;
}
aside {
width: 25%;
background-color: #EFEFEF;
padding: 20px;
}
main section {
width: 75%;
padding: 20px;
color: #474747;
}
img {
max-width: 100%;
height: auto;
}
footer {
background-color: #363636;
color: white;
padding: 10px;
text-align: center;
}
@media screen and (max-width: 768px) {
main {
flex-direction: column;
}
aside, main section {
width: 100%;
}
}

在這個網頁上，我使用了許多常用的CSS技巧。例如，我使用了flexbox來使主要內容和側邊欄對齊。我還使用了媒體查詢來確保網頁在不同設備上都能顯示良好。

在此外，我還注意到網頁的可訪問性。我確保所有的文本都有足夠的對比度，并且網頁可以在屏幕閱讀器上清晰地呈現。

總之，我非常喜歡我的寵物店網頁，并且學到了很多CSS技巧。我期待著將這些技巧用于我的未來項目中。