Turbine是一个节省CSS开发时间的工具，通过提供最强大的PHP工具，包括最小的语法、CSS变量和选择器的别名、内置设备、浏览器、操作系统嗅探、自动错误修复以及改进旧的浏览器。

Buddy从更高阶的CSS/HTML/JS语言像CoffeeScript，JSX，ES6，Twig，Jade等编译源代码。Buddy的主要功能特点是：精确的解决JS的依赖。允许在没有模块样板的情况下写JS模块。支持通过将js模块存储为字符串进行高效运行评估。

Skyline是构建CSS框架的主要软件之一，它提供坚实的CSS架构来支持你的特殊设计系统。Skyline的结构由四个层组成-Base、Elements、Layout以及Modules。

CSSBurrito架构由面向对象的CSS组成，允许独立的皮肤和结构以及从容器分开的内容。它还包括对于CSS的可扩展和模块化架构，这将增加HTML和内容的语义值并且减少特定HTML结构的期望。

1.SkyblueSkyblue是一个启动项目的精准工具，它使用12列的网格系统。Skyblue框架建在SASS里。

值描述none元素会被隐藏，不显示inline元素会被设置为内联元素，内部按行从左向右排列（元素前后没有换行符）block元素会被设置为块级元素，内部按列从上到下排列（元素前后带有换行符）inline-block元素会被设置为行内块级元素，不会独占一行的块级元素list-item元素会作为列表显示table元素会作为块级表格来显示（类似table），表格前后带有换行符flex元素会进入flex布局...

盒子大小写死，给每个盒子设定固定的width和height，直到合适为止，非自适应父级元素设置高度父级元素触发BFC（Float，Overflow:Hidden|Visible，Display:Flex|Grid）<divclass="parent"style="overflow:hidden"><divclass="f"></div></div>添加额外标签<div...

static(普通流定位)默认定位relative(相对定位)相对本元素的左上角进行定位（相对于自身位置进行定位），本元素需要设置position为relative，top、left、bottom、right都可以有值。虽然经过定位后，位置可能会移动，但是本元素并没有脱离文档流，还占有原来的页面空间。absolute(绝对定位)相对于祖代中有relative(相对定位)并且离本元素层级关系上是最近...

clientWidth=width+左右paddingoffsetWidth=width+左右padding+左右boderscrollWidth：获取指定标签内容层的真实宽度（可视区域宽度+被隐藏区域宽度）边界塌陷CSS中存在一个margincollapse，即边界塌陷或者说边界重叠。只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不...

盒模型分类IE盒模型（怪异盒模型）width=border+padding+content一个盒子的宽度=width+marginW3C盒模型（标准盒模型）width=content一个盒子的宽度=width+padding+border+margin转换盒模型Css中默认的盒模型是W3C盒模型，两者间的转换可以通过设置属性box-sizing来转换box-...