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 的解析都是一样的。

相关文章
|
6月前
|
前端开发 JavaScript 容器
BootStrap学习笔记
这篇文章是关于Bootstrap框架的学习笔记,涵盖了Bootstrap的下载与使用、布局容器和栅格网格系统的使用方法、常用样式(
BootStrap学习笔记
|
6月前
|
JavaScript
rollup的input配置和output配置详解
【8月更文挑战第5天】rollup的input配置和output配置详解
253 4
rollup的input配置和output配置详解
203Echarts - 数据集(Simple Example of Dataset)
203Echarts - 数据集(Simple Example of Dataset)
28 0
206Echarts - 数据集(Simple Encode)
206Echarts - 数据集(Simple Encode)
82 0
200Echarts - 自定义系列(Use custom series to draw wind vectors)
200Echarts - 自定义系列(Use custom series to draw wind vectors)
49 0
torch.fill()是怎么使用的?
torch.fill_()函数是一个in-place操作,用于将张量的所有元素设置为给定的标量值。它接受一个标量参数作为输入,该标量将用于填充整个张量。
1265 0
|
前端开发 JavaScript 开发者
less-bootstrap 定制(o2o)|学习笔记
快速学习 less-bootstrap 定制(o2o)
less-bootstrap 定制(o2o)|学习笔记
|
开发框架 前端开发 JavaScript
|
前端开发 JavaScript
Bootstrap教程(1)--为何要学习Bootstrap
本文目录 1. Bootstrap是什么 2. 为何要学习Bootstrap 3. Bootstrap历史地位 4. 小结
193 0
|
jenkins 持续交付
成功解决mxnet-tag\mxnet\src\operator\tensor\./matrix_op-inl.h:189: Using target_shape will be deprecated
成功解决mxnet-tag\mxnet\src\operator\tensor\./matrix_op-inl.h:189: Using target_shape will be deprecated

热门文章

最新文章