摘要：什么是语义化的元素 语义即是意义的意思。意思就是通过这个标签的名字就可以知道这个标签的含义。 比如div，p，span就不是语义化的元素，因为你不能通过这个标签来获悉它的含义。 而header，img等就是语义化的元素，我们知道这个标签代表是什么。 为什么要推行语义化的元素 对浏览器： 更好的搜索引 阅读全文

摘要：使用bootstrap可以简化我们开发的流程和代码，但是虽然bootstrap的代码很方便，也面临着css的样式很单调的情况。 我们可以通过覆盖css样式解决。 但是笔者在写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。 这是一个小问题，却困扰了我一下午，网上也没有相关的解答。 其实 阅读全文

摘要：1.Bootstrap的字体图标 字体图标是web项目中使用的图标字体。 点击这里可以查看字体图标列表。 2.@font-face的意义和使用（如何引用这些字体图标） @font-face使得设计师可以把自定义的字体显示在网页上，而不用担心用户的主机上没有这个字体而无法显示。 通过@font-fac 阅读全文

摘要：bootstrap的按钮 1.各种按钮样式的实例： 不建议在input下使用，不免跨浏览器的问题，尽量在button下使用。 bootstrap的图片 Bootstrap提供了三个用来简单修饰图片的方式。 辅助类 文本辅助类： 背景辅助类： 其他辅助类： 响应式工具 响应式工具目前只适合块和表的切换 阅读全文

摘要：1.Bootstrap css2 1.在网页中显示代码的两种方式： 2.表格 3.表单 1.基本样式的表单（垂直表单） 2.显示内联样式的表单（如果要把标签和控件放在一行） PS：默认情况下，Bootstrap 中的 input、select 和 textarea 有 100% 宽度。在使用内联表单 阅读全文

摘要：1.Bootstrap CSS 概览 1.HTML5文档类型 Bootstrap中使用了部分HTML5元素和CSS属性，所以需要在开头添加HTML5文档属性。 2.移动设备优先 1.考虑到现在移动设备的迅猛发展，Bootstrap3开始优先支持移动设备，然后才是桌面设备。 所以在代码开始前需要添加： 阅读全文