Bootstrap-Normalize |学习笔记

简介: 快速学习 Bootstrap-Normalize

开发者学堂课程【移动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 的解析都是一样的。

相关文章
|
3月前
|
前端开发
css【详解】steps()函数
css【详解】steps()函数
19 1
|
5月前
|
前端开发 图形学
Could you provide some examples of when Canvas or SVG would be the better choice for a web application?
Could you provide some examples of when Canvas or SVG would be the better choice for a web application
|
12月前
232Echarts - 3D 柱状图(Noise modified from marpi's demo)
232Echarts - 3D 柱状图(Noise modified from marpi's demo)
37 0
232Echarts - 3D 柱状图(Noise modified from marpi's demo)
|
12月前
201Echarts - 自定义系列(Cycle Plot)
201Echarts - 自定义系列(Cycle Plot)
62 0
|
12月前
200Echarts - 自定义系列(Use custom series to draw wind vectors)
200Echarts - 自定义系列(Use custom series to draw wind vectors)
29 0
|
12月前
203Echarts - 数据集(Simple Example of Dataset)
203Echarts - 数据集(Simple Example of Dataset)
22 0
|
12月前
206Echarts - 数据集(Simple Encode)
206Echarts - 数据集(Simple Encode)
56 0
|
前端开发 JavaScript
Bootstrap教程(1)--为何要学习Bootstrap
本文目录 1. Bootstrap是什么 2. 为何要学习Bootstrap 3. Bootstrap历史地位 4. 小结
165 0
成功解决tensorflow.python.framework.errors_impl.InvalidArgumentError: slice index 1 of dimension 0 out o
成功解决tensorflow.python.framework.errors_impl.InvalidArgumentError: slice index 1 of dimension 0 out o
|
Web App开发 前端开发 JavaScript
Bootstrap系列 -- 1. 如何使用Bootstrap
一. Bootstrap 简介   Bootstrap 是一个前端框架,使用Bootstrap可以做出很多漂亮的页面,中文官网:http://www.bootcss.com/    二. Bootstrap核心    Bootstrap核心是Bootstrap.
1235 0