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

相关文章
|
5月前
|
前端开发 JavaScript 容器
BootStrap学习笔记
这篇文章是关于Bootstrap框架的学习笔记,涵盖了Bootstrap的下载与使用、布局容器和栅格网格系统的使用方法、常用样式(
BootStrap学习笔记
|
8月前
|
PyTorch 算法框架/工具
实战pytorch中utils.data.TensorDataset和utils.data.DataLoader工具
本文主要说明pytorch框架中utils.data.TensorDataset和utils.data.DataLoader两个工具类。
208 0
200Echarts - 自定义系列(Use custom series to draw wind vectors)
200Echarts - 自定义系列(Use custom series to draw wind vectors)
45 0
203Echarts - 数据集(Simple Example of Dataset)
203Echarts - 数据集(Simple Example of Dataset)
26 0
208Echarts - 数据集(Encode and Matrix)
208Echarts - 数据集(Encode and Matrix)
53 0
|
PyTorch 算法框架/工具 Python
【PyTorch】Transforms基本使用
【PyTorch】Transforms基本使用
97 0
|
开发框架 前端开发 JavaScript
|
机器学习/深度学习 存储 算法
sklearn:sklearn.preprocessing.StandardScaler函数的fit_transform、transform、inverse_transform简介、使用方法之详细攻略
sklearn:sklearn.preprocessing.StandardScaler函数的fit_transform、transform、inverse_transform简介、使用方法之详细攻略
|
前端开发 JavaScript 程序员
Bootstrap教程
2021年春节,闲来无事,学习了下HTML/CSS/JavaScript基础知识。 学习完成后发现,作为一个重逻辑轻设计的程序员,自己在样式设计上存在天然缺陷——缺乏美感。 要想实现漂亮的网页,还是只能借助框架,于是翻出Bootstrap,作为新一代响应式Web框架的鼻祖,在样式设计方面,堪称权威。 温故知新,在学习过程中,自己对Bootstrap进行了重点提炼、归纳总结,故有此教程。目录如下:
250 1
|
前端开发 JavaScript CDN
Bootstrap教程(2)--安装Bootstrap
本文目录 1. 版本选择 2. 使用方式 3. 安装方法 4. 验证下
383 0
Bootstrap教程(2)--安装Bootstrap