76css 样式题

76css是一道主要针对前端开发者的样式题，它要求我们根据给出的设计稿和文本描述，实现页面相应的样式。这道题目不仅考察了我们对CSS的掌握程度，还要求我们具备一定的Adobe Photoshop或Sketch等设计软件的使用经验，能够精准地还原页面设计。

.header{
  background-color: #f2f2f2;
  padding: 20px;
  Box-sizing: border-Box;
}

.logo{
  width: 200px;
  height: 50px;
  background-image: url(logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
}

.nav{
  float: right;
  line-height: 50px;
}

.nav > li{
  display: inline-block;
  padding-right: 20px;
}

.content{
  background-color: #ffffff;
  padding: 50px;
  Box-sizing: border-Box;
}

.title{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.subtitle{
  font-size: 16px;
  font-weight: bold;
  color: #999999;
  text-align: center;
  margin-bottom: 50px;
}

.text{
  font-size: 16px;
  line-height: 1.8;
  text-indent: 2em;
}

以上是这道题目的核心CSS代码。我们可以看到，其中包含一些基本的样式定义，如背景色、字体大小、文本居中等，同时也有一些比较特殊的定义，如网页顶部导航的悬浮效果等。只有掌握了这些CSS基本的语法和知识，才能够完成这道76css样式题。