CSS是前端开发中不可或缺的一个技术，其语言简洁易懂，能够为网页添加美观的样式。但是在开发中，如果没有好的规范和习惯，会使代码难以维护和扩展。

命名规则是CSS中重要的一环，它不仅能体现开发者的代码规范，还能使代码可读性更强。一般情况下，我们需要根据网页的结构和样式来命名。

/* 为整个页面设置样式 */
.page {
  width: 100%;
  height: 100%;
}

/* 设置头部的样式 */
.header {
  height: 80px;
  background-color: #333;
}

/* 设置内容区域的样式 */
.content {
  width: 80%;
  margin: 0 auto;
}

/* 设置底部的样式 */
.footer {
  height: 50px;
  background-color: #ccc;
}

从上面的代码可以看到，我们使用英文单词和短横线做为命名规则，能够更直观地反应网页的结构特点。当然，命名规则可以根据每个人的习惯来进行调整。

在书写CSS时，代码的格式和缩进也是需要注意的。一般来说，代码应该按照以下的方式进行编写：

.selector {
  /* 属性1 */ 
  property1: value1;
  
  /* 属性2 */
  property2: value2;

  /* 属性3 */
  property3: value3;
}

每个属性都应该占一行，用空格隔开属性名和值，使代码更易阅读。另外，使用缩进不仅能够使结构层次分明，也可以方便后期的修改和扩展。

综上，遵循良好的命名规则和书写习惯不仅是前端开发的基本要求，也是为了更好的代码维护和扩展。