350css

350css是一种轻量级的CSS框架，它采用了BEM命名规范和模块化设计。它的命名方式非常简洁，方便开发者理解和使用。此外，它的文件大小很小，只有不到2KB，可以大大提升网站的加载速度。

// 例如，下面是一个按钮的样式
.button {
  display: inline-block;
  padding: 10px 16px;
  background-color: #3498db;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  border: none;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.button--large {
  padding: 14px 24px;
  font-size: 16px;
  border-radius: 6px;
}

.button--small {
  padding: 8px 12px;
  font-size: 12px;
  border-radius: 2px;
}

.button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

在使用350css时，我们可以通过添加类名来改变元素的样式。例如，如果我们想要创建一个大按钮，可以在按钮中添加一个类名“button--large”，就可以实现按钮的放大。如果我们想要创建一个禁用的按钮，可以添加类名“button--disabled”，就可以实现按钮的禁用效果。

总的来说，350css是一个非常方便的CSS框架，适用于各种类型的网站。它能够为开发者提供更快速，更高效的工作方式，同时也可以为用户提供更好的使用体验。