开发者学堂课程【移动Web前端开发:Bootstrap-Normalize】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/594/detail/8442
Bootstrap-Normalize
一、Normalize 的介绍
1.HTML5 文档类型:
Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。
< ! DOCTYPE html>
. ..
2.移动设备优:
在 Bootstrap 2 中,我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3中,我们重写了整个框架,使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式,而是直接融合进了框架的内核中。也就是说, Bootstrap是移动设备优先的。针对移动设备的样式融合进了框架的每个角落,而不是增加一个额外的文件。
3.Normalize.css
为了增强跨浏览器表现的一致性,使用 Normalize.css ,这是由Nicolas Gallagher 和 Jonathan Neal 维护的一个 CSS 重置样式库。
4.Normalize.css 和 Reset css 区别
Reset css:重置样式,保持浏览器一致性Normalize.css 也是一样。区别在于:
Reset css 中:习惯性的把 ul 中的 list-style 设置为 none ,这是为了让其表现一种,手动重置掉了一些样式。
Normalize.css 中:在当中是不需要去除的。因为本身对每个浏览器对 UL 的解析都是一样的。