花式标注法学习Bootstrap3最高效,阿拉丁SEO,公告：本课程内容停止按原计划更新，增加一节Emmet-html简写法的内容，他和花式标注法是相通的。 原因：同一个问题，总会出现相似的解决方案。花式标注法是为了用简写法来更好地理解bootstrap这种结构和样式有固定要求的代码。事实证明很管用，帮助我不少朋友迅速掌握了bt。 后来了解到，早有了类似的html简写法存在，那就是Emmet：它既是一种简写法，也是一种理解法。 比如： <div class="classname-a classname-b" id="idname-a" >text</div> 可简写为： div.classname-a.classname-b#idname-a{text} 这个小例子看起来好像并没有减少多少代码，但是在稍微复杂的代码块中确实能加快写代码的速度，这是它的实际好处，另外最重要的是，帮助我们更好地理解代码的结构。 总之，使用emmet的方法来理解bootstrap可以很快地加快学习速度，对于初学者非常有帮助。 学习bootstrap之前，需要一定的html+css基础，最好掌握一定的js或者jquery的知识。 --分割线-- 花式标注法，一场高效学习bootstrap3的小革命和大进步； 试想一下，一个6000块的网站任务，如果效率提高一倍，同时增加了响应式的设计，收费增加1000-2000，这是一种什么样的体验？bootstrap可以让你有机会体验到。 适用人群：想学习Bootstrap的在职人士、大中专学生等。看完我们的栅格系统之后，就可以掌握我们的花式标注法的思想。