FSCSS：一种简化 CSS 编写方式的预处理器
FSCSS 代码可以嵌入任何 HTML 标签内，但需确保在样式标签之后引入 FSCSS 的 JavaScript 文件，如下所示：
对于 copy()、repeat() 等方法，需要依赖外部 JavaScript 文件。
为什么选择 FSCSS 而不是原生 CSS？
FSCSS 采用速记法，简化 CSS 代码编写。它提供一些便捷的语法糖，例如：
立即学习“前端免费学习笔记（深入）”；
-
前缀简写:
-
CSS: 需要分别编写
-webkit-、-moz-、-ms-、-o-等浏览器私有前缀。 -
FSCSS: 使用
-\*-...简写所有前缀。
-
CSS: 需要分别编写
-
多属性简写:
Shopxp网上购物系统下载Shopxp购物系统历经多年的考验，并在推出shopxp免费购物系统下载之后，收到用户反馈的各种安全、漏洞、BUG、使用问题进行多次修补，已经从成熟迈向经典，再好的系统也会有问题，在完善的系统也从在安全漏洞，该系统完全开源可编辑，当您下载这套商城系统之后，可以结合自身的技术情况，进行开发完善，当然您如果有更好的建议可从官方网站提交给我们。Shopxp网上购物系统完整可用，无任何收费项目。该系统经过
-
CSS: 需要分别书写
transform: rotate(50deg); transform: skew(50deg); filter: hue-rotate(50deg); -
FSCSS: 使用
%3(transform: rotate, transform: skew, filter: hue-rotate[(50deg);])简化代码。
-
CSS: 需要分别书写
-
数值简写:
-
CSS:
max-height: 500000000px; -
FSCSS:
max-height: %8(5[0])px;
-
CSS:
-
颜色值简写:
-
CSS:
color: rgba(100,100,100,0.8) -
FSCSS:
color: rgba(%3([100,])0.8)
-
CSS:
-
变量简写:
-
CSS:
var(--...) -
FSCSS:
$... !
-
CSS:
示例代码 (更多示例请参考 CodePen)
个人信息
(此处保留原文个人信息部分)
