栅格规范制作

《栅格规范制作》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：

研究网页栅格系统前，来看一组数据：...

在网页设计中，我们把宽度为W的页面分割成n个网格单元a，每个单元与单元之间的间隙设为i，此时我们把a+i定义A...

当栅格为12（即3x=12）时：...

当栅格为24（即3x=24）时：...

栅格设定好之后只是控制了纵向的整齐，横向的需要用基线来控制...

textarea（蓝色部分）他是个基础，pading（内白色部分）他是textarea和框描边的空隙，border（黄色部分）是框的描边宽度，margin（黄色外虚线框范围）他是鼠标划过的hover状态的延伸区域...

根据这点，我们把表单里面的输入框元素和栅格元素一起考虑，设置了每个控件在栅格里面的效果：...

栅格规范做好之后，就为颜色规范和控件规范的打下了一个很好的基础...

当然，当然制作栅格系统还有很多方法...

......