/*清除默认样式*/ *{ margin: 0; padding: 0; } /*文字样式*/ .font-bold{ font-weight: bold; } .font-italic{ font-style: italic; } .font-underline{ text-decoration: underline; } .text-center{ text-align: center; } /*容器样式*/ .container{ width: 80%; margin: 0 auto; } /*按钮样式*/ .btn{ display: inline-block; padding: 8px 16px; border: none; background-color: #333; color: #fff; } .btn:hover{ background-color: #555; } /*表格样式*/ .table{ border-collapse: collapse; border: 1px solid #ccc; } .table th, .table td{ padding: 8px; border: 1px solid #ccc; }
9CSS9支持不同的CSS预处理器,例如SASS、LESS和Stylus,以及自定义构建。通过使用9CSS9,大家可以快速地添加常用的CSS样式,从而减少代码编写时间和工作量,提高生产效率。