css专业人士都是怎么写的

在现代网页设计中，CSS技能已经成为了必备的技能之一。作为一个CSS专业人士，他们在编写CSS时都有一些独特的习惯和技巧。
首先，一个专业的CSS人士会遵守良好的命名规则。CSS选择器应该清晰明了，不仅方便自己日后的修改和维护，也能让代码更加易读。对于每一个CSS class或id，他们都会使用有意义的名称。例如，.header, .sidebar, .container等。
其次，CSS专业人士会选择一种预处理器，如LESS或SASS。这些预处理器提供了更多的功能，如嵌套样式规则、变量、混合器等，使得原本冗长的CSS代码变得更为简洁。
此外，CSS专业人士也擅长使用CSS框架，如Bootstrap、Foundation等。这些框架为网页设计师提供了大量的CSS类和组件，可以快速创建出漂亮的网页。
最后，CSS专业人士会注重代码的可读性和可维护性。他们会避免使用行内样式，使得代码与HTML内容分离，并尽可能地使用缩写。
下面是一个CSS专业人士的示例代码：

.header {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  padding: 20px;
}
<br>
.sidebar {
  background-color: #f3f3f3;
  width: 200px;
  float: left;
}
<br>
.container {
  width: 80%;
  margin: 0 auto;
}
<br>
/* use preprocessor */
<br>
@color-primary: #55c1e9;
@color-secondary: #f5f5f5;
<br>
.section {
  background-color: @color-secondary;
  padding: 20px;
<br>
  h2 {
    color: @color-primary;
    font-size: 16px;
    font-weight: bold;
  }
}
<br>
/* use framework */
<br>
<div class="container">
  <div class="row">
    <div class="col-md-4">
      <h3>Section 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
    <div class="col-md-4">
      <h3>Section 2</h3>
      <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="col-md-4">
      <h3>Section 3</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </div>
</div> 

总之，CSS专业人士在编写CSS时注重命名规则、使用预处理器和框架、代码的可读性和可维护性。这些技巧可以使得CSS代码更为简洁、易读、易于维护。