/*

所有集合：
container（容器）、 space（间隔）、 column（分列）、 heading（标题）、 corner（角标）、inner-box（内嵌盒子）、 icon（图标）、 text（文本段落）、 line-height（行高）、 font（字体）、 font-color（字体颜色）、 border（边框）、 border-color（边框颜色）、 button（按钮）、 button-color（按钮颜色）、 background（背景）、 background-color（背景颜色）、 width（宽）、 height（高）、 display（显示）、 position（定位）、 float（浮动）、 flex（弹性布局）、 padding（内补）、 margin（边界）、 overflow（溢出）、 img（图像）、 list（列表）、 form（表单）、 table（表格）等等。

注：所有预设都需要考虑响应到不同设备。沿用bootstrap对媒体查询的预设，不同于bootstrap的移动端优先，以PC端优先作为默认设备，媒体查询从PC端向下兼容。

命名：在不占用html标签和css属性名称的基础上，优先使用各元素属性结合预设值作为命名的方式。优先使用连字符方式连缀字符（个人认为，连字符命名方式比驼峰命名及下划线命名方式都更具辨识度。）

*/


/*

包含color的class名称：div[Class*="color"] {}
 以color开头的class名称：p[class^="color"] {}
 以color结尾的class名称：button[class$="color"] {}

 */


/* ========== import s ========== */

@import url("container.css");
@import url("space.css");
@import url("column.css");
@import url("heading.css");
@import url("corner.css");
@import url("inner-box.css");
@import url("icon.css");
@import url("text.css");
@import url("line-height.css");
@import url("font.css");
@import url("font-color.css");
@import url("border.css");
@import url("border-color.css");
@import url("button.css");
@import url("button-color.css");
@import url("background.css");
@import url("background-color.css");
@import url("width.css");
@import url("height.css");
@import url("display.css");
@import url("position.css");
@import url("float.css");
@import url("flex.css");
@import url("padding.css");
@import url("margin.css");
@import url("overflow.css");
@import url("link.css");
@import url("img.css");
@import url("list.css");
@import url("form.css");
@import url("table.css");

/* ========== import e ========== */