初次使用BootStrap编写静态页面的个人总结

一、前言

因为公司业务需求，需要编写几个静态的H5页面。平时主要从事后端接口的开发且没有系统学习过Web前端知识的我也是一种小挑战，本文主要是为了记录使用BootStrap框架编写H5静态页的个人体会与总结。

二、H5中的一些细节

    1. mate（元标记），更详细的内容请google

    2. 标签分类与特点

参考：HTML中标签元素三种不同类型

    以下是我根据上文整理的XMind图，记忆可以只记块、行内块元素(剩下的大致就是行内元素)，尽量做到使用时心里有数这样才能更好的保证页面写出来的质量。

三、Css的一些内容

    1. Box model

可以将HTML上的元素看做一个Box，Box有外边距（margin）、边框（border）、内边距（padding）、content（内容）。（图片来自：CSS盒模型（Box Model））

 

四、BootStrap的简单使用

    1. 栅格系统

使用栅格系统与mate元标记的viewport属性可以做移动端的适配（个人觉得很方便），以下是XMind图更详细的内容直接看官方文档（中文官方文档）。

    2. m（margin）、p（padding）、text-*-*的使用

说明：m-*-*的第二个*的范围是1-5，具体看官方文档解释。p-*-*可以参照m-*-*，为节约时间就没将所有写全。

五、写在最后

文章中的知识点可能由于我个人能力问题存在一定漏洞，但我更希望通过本文来传达作为一位软件开发者应努力做到“知道自己正在操控什么”，我们不应该只停留在完成任务这一阶段而是应该做到质量有所保证（我认为作为一名合格开发者的标准），或许我现在还没达到但我在路上了。

如果你可以接受住在一个不知道用什么材料建造的房子中，那么请忽略我所说的（传统工程虽与软件工程存在一定区别但还是存在很多共性）。