小庄生活记录

欢迎来到小庄生活记录的网站！我们在这里分享和展示小庄的生活点滴，记录他的成长历程。我们的网站采用了现代化的设计风格，简洁而富有层次感。通过这个网站，你将能够了解到小庄的兴趣爱好、学习成果以及他的人生观和价值观。

页面布局

  • 首页：主要展示小庄的照片、作品和简介等信息。
  • 照片集：按照时间顺序排列的照片集合，展示了小庄的成长过程和精彩瞬间。
  • 关于小庄：介绍小庄的个人信息、家庭背景和教育经历等内容。
  • 项目作品：展示小庄在各个领域的项目作品，包括设计、编程、写作等。
  • 联系小庄：提供与小庄沟通的方式，包括电子邮件、电话号码等。

CSS样式表

.col-md-12 { width: 1200px; margin: 0 auto; }
.container { width: 1200px; font-size: 1.2em; color: #000000; margin: 2em auto; text-transform: capitalize; text-indent: 30px; font-weight: normal; line-height: 30px; }
.col-md-12 li { overflow: hidden; }
.col-md-12 li span { display: block; float: left; }
.col-xs-4 { width: 26%; margin: 2%; }
.col-xs-4 img { width: 100%; border-radius: 50%; }
.col-xs-8 { width: 70%; }
.col-xs-8 h4 { color: #A3A3A3; margin-top: 146px; }
.footer { padding: 1em

以上是关于”小庄生活记录”网站的简单介绍，包括页面布局和CSS样式表。如果你有任何问题或者建议，欢迎随时联系我们。