bootstrap系列整理

时间:2023-12-13 21:24:56

去年的九月份做第一版文档站时, 就开始尝试使用bootstrap ,由于当时对node 还一知半解,大部分精力放在nodejs上,bootstrap只是拿来就用,起步文档都没看; 当别人提到 Normalize.css 时,我是不知所云的~ 对于用过做过的东西,我竟不了解,惭愧~
时隔一年,重构文档站,今天过一下bootstrap官方文档([http://v4.bootstrap.cn/]),有些收获,总结如下: (抽空实时更新~)

起始模板

  1. 使用HTML5文档类型
  2. 强制Internet Explorer使用最新的渲染模式([详情] (http://*.com/q/6771258))
  3. 然后,使用视口meta标签

    响应式meta标签

    基于移动设备优先的原则开发了Bootstrap,基于这个原则我们先为移动设备优化代码,然后使用CSS媒体查询来扩大组件。为了确保所有的设备的渲染和触摸效果,必须给网页的添加响应式的视图标签。

    Normalize.css

    为了改进跨浏览器渲染效果,我们使用了Normalize.css来校正不同设备和浏览器之间的细小的不一致。之后我们会基于它创建Reboot来创造出我们自己的、稍微有点固执己见的样式风格。

Normalize.css VS reset.css

作为一位css 老手,以前的reset 都是 自己写的~

http://nicolasgallagher.com/about-normalize-css/
http://www.w3ctech.com/topic/1804

学术派的同事们 都是注重原理的 ~ 恩 我也想当个学术派,他们说的话都很有道理的样子~

一些属性

pre,textarea,xmp {
overflow: auto;
-webkit-overflow-scrolling: touch
}