非常教程

PostCSS 参考手册

PostCSS插件

快捷工具

快捷工具

  • postcss-alias 为属性创建更短的别名。
  • postcss-alias-atrules 为at-rules创建更短的别名。
  • postcss-all-link-colors 插入与链接相关的伪类的颜色。
  • postcss-border添加border属性中所有边框的宽度和颜色的简写。
  • postcss-border-shortcutPostCSS插件,border如果不表达,则分配默认类型。
  • postcss-button 创建按钮。
  • postcss-center 中心元素。
  • postcss-circle 插入一个有颜色的圆圈。
  • postcss-clearfix 声明的添加fixfix-legacy属性clear
  • postcss-crip Crips的速记属性,懒得写。
  • postcss-default-unit 将默认单位添加到数字CSS属性。
  • postcss-easingscubic-bezier()函数替换easings.net中的缓动名称。
  • postcss-filter 为黑白滤镜添加简写。
  • postcss-focus:focus为每个人添加选择器:hover
  • postcss-generate-preset允许快速生成规则。用于创建重复的实用程序。
  • postcss-hidden 允许隐藏元素的简单方法。
  • postcss-input-style 为输入的跨浏览器样式添加新的伪元素。
  • postcss-parent-selector 将父选择器添加到所有规则的开头。
  • postcss-position 添加位置属性的简写声明。
  • postcss-property-lookup 允许在没有变量的情况下引用属性值。
  • postcss-responsive-type更改font-size取决于屏幕大小。
  • postcss-scrib 为属性或值定义自己的别名/快捷方式。
  • postcss-short-font-sizeextends font-size以定义line-height sa第二个值。
  • postcss-short-positionextends position以将边缘定义为附加值。
  • postcss-short-spacing扩展marginpadding允许或省略边缘。
  • postcss-short-texttext为几个与文本相关的属性添加快捷方式属性。
  • postcss-size添加一个size快捷方式,用一个声明设置宽度和高度。
  • postcss-speech-bubble 只需几行CSS即可添加不同类型的语音泡泡。
  • postcss-transform-shortcut 允许在CSS中使用速记转换属性。
  • postcss-triangle 创造一个三角形。
  • postcss-typescale 根据印刷比例设置类型。
  • postcss-verthorz 添加垂直和水平间距声明。
  • font-magician生成@font-faceCSS中所需的所有规则。
  • postcss-animation@keyframes从animate.css 添加的PostCSS插件。
  • postcss-magic-animations@keyframes从Magic Animations 添加的PostCSS插件。
PostCSS

PostCSS 是一个利用 JS 插件来对 CSS 进行转换的工具

PostCSS 目录

1.快速上手
2.PostCSS插件指南
3.PostCSS runner指南
4.编写自定义语法
5.PostCSS插件
6.PostCSS和源地图