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

相关文章
|
8月前
|
移动开发 JavaScript 小程序
uView Steps 步骤条
uView Steps 步骤条
194 0
|
3月前
|
JavaScript 前端开发
js的math.max的用法
js的math.max的用法
71 6
|
3月前
|
安全 前端开发 开发者
CSS3 中 calc()、constant() 和 env() 函数的使用指南
在现代网页设计中,CSS3 的 calc()、constant() 和 env() 函数为开发者提供了强大的工具,帮助实现灵活和响应式的布局。本文将深入探讨这三个函数的定义、用法以及最佳实践,特别是如何利用 calc() 进行动态计算、constant() 的历史背景,以及 env() 在处理设备安全区域中的应用。通过本文,读者将能够更好地理解并运用这些函数,提升网页设计的灵活性与用户体验。
125 0
Only Tensors of floating point and complex dtype can require gradients问题解决方案
Only Tensors of floating point and complex dtype can require gradients问题解决方案
455 0
Only Tensors of floating point and complex dtype can require gradients问题解决方案
|
开发框架 前端开发 JavaScript
|
前端开发 JavaScript
Bootstrap教程(1)--为何要学习Bootstrap
本文目录 1. Bootstrap是什么 2. 为何要学习Bootstrap 3. Bootstrap历史地位 4. 小结
186 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
|
Web App开发 前端开发 JavaScript
Bootstrap系列 -- 1. 如何使用Bootstrap
一. Bootstrap 简介   Bootstrap 是一个前端框架,使用Bootstrap可以做出很多漂亮的页面,中文官网:http://www.bootcss.com/    二. Bootstrap核心    Bootstrap核心是Bootstrap.
1265 0
|
前端开发
Bootstrap系列 -- 23. 图片
     图像在网页制作中也是常要用到的元素,在Bootstrap框架中对于图像的样式风格提供以下几种风格:   1、img-responsive:响应式图片,主要针对于响应式设计  2、img-rounded:圆角图片  3、img-circle:圆形图片  4、img-thumbnai...
812 0
|
Web App开发 前端开发 JavaScript
bootstrap学习笔记--初识bs
参考: https://www.quanzhanketang.com/bootstrap/bootstrap_grid_basic.html bootstrap是基于jQuery的前端CSS框架 预定于好了各种CSS类 相当于API接口,直接调用即可使用css样式,方便前端开发。
1502 0