本次實驗是關于網頁CSS設計的，主要涉及到CSS選擇器、布局、字體、背景、盒模型等知識。以下是我的實驗報告。

/* CSS代碼開始 */
body{
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1{
color: #665c5a;
text-align: center;
margin-top: 50px;
}
p{
font-size: 16px;
line-height: 1.5;
margin: 20px;
}
/* 懸浮效果 */
a:hover{
color: #b38f00;
}
/* 父容器 */
.container{
width: 80%;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
padding: 20px;
}
/* 子容器 */
.box{
width: 30%;
float: left;
margin: 10px;
background-color: #f2f2f2;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
text-align: center;
}
/* 盒模型 */
.box2{
width: 100px;
height: 100px;
border: 1px solid #ddd;
padding: 20px;
margin: 20px;
box-sizing: border-box;
background-color: #f2f2f2;
}
/* CSS代碼結束 */

在本次實驗中，我學習了如何利用CSS選擇器來選擇指定元素進行樣式設置，從而達到更好的設計效果。除此之外，我還學會了如何使用布局、字體和背景等CSS屬性來美化頁面。

在CSS設計中，盒模型是非常重要的一個概念，掌握好盒模型可以幫助我們更好地設計網頁。通過設置盒子的寬度、高度、邊框和內邊距等屬性，我們可以輕松控制頁面元素的大小和間距，從而實現更好的頁面布局。

總而言之，在本次實驗中，我學到了很多實用的CSS技巧和知識，這些知識在今后的網頁設計過程中將會起到非常重要的作用。