Bootstrap4.x 新增

页面默认声明

（1）每个元素都声明了box-sizing属性

（2）全局字体未设置但推荐使用16px

（3）body上声明了全局的font-family, line-height,text-align,bankground-color :#fff;

字体声明

采用了设备字体栈的模式，不同的设备采用不同的字体，而不是以前的默认值(Helvetica Neue, Helvetica, and Arial)

标题标签和段落标签

移除了margin-top 增加了margin-bottom h标签 .5rem p标签 1rem

列表标签

移除margin-top ul 增加了margin-bottom:1rem 嵌套的li不含margin-bottom

表单标签

（1）去掉了<fieldset>的默认样式，可以直接用作容器包裹

（2）重设了<legend>标签的样式，可以当标题来使用

（3）<label>设置了display:inline-block,可以设置margin

（4） <input> <select> <textarea> <button>被尽量的标准化，去除了margin设置了line-height:inherit;

（5）<textarea>标签将resize:both 设置成了resize:horizontal

Address地址标签

（1）将浏览器默认的字体样式从italic设置成了normal

（2）line-height:inherit;

（3）margin-bottom:1rem;

（4）换行依旧使用<br>

引用标签<Blockquote>

有默认的margin:1em 40px;变为margin:0 0 1rem;

缩写标签<abbr>

增加了样式使其更为standout

<detail>标签中的<summary>标签（用于描述文档或文档的细节）

增加了cursor:pointer

<pre>标签

取消了margin-top属性，将margin-bottom的单位改成了rem

转载于:https://www.cnblogs.com/goOtter/p/9693627.html

Bootstrap4.x 新增相关推荐

前端追梦人响应式网页设计
一. 响应式元素及媒介 1.1 基于宽度百分比的图像缩放 <!DOCTYPE html> <html lang="en"> <head>< ...
bootstrap4笔记
布局 Container 容器 Container容器是窗口布局的最基本元素,推荐所有样式都定义在.container或.container-fluid容器中.这是启动整个栅格系统必不可少的前置条件. ...
BootStrap框架模块：BootStrap4基础
BootStrap简介 Bootstrap 是全球最受欢迎的前端开源工具库,它支持Sass混合.响应式矩阵系统和它自带的库分量和分量的JavaScript.基于Bootstrap提供强大的功能,能够让 ...
flask引用bootstrap4框架
前言: Bootstrap是世界最受欢迎的响应式.移动设备优先的门户和应用前端框架.在其中,你将发现高质量的HTML.CSS以及JavaScript,使您的WEB工程项目变得无比简单,包括官方的CDN ...
数据结构（03）— 数据处理基本操作（数据的查找、新增、删除、修改）
我们先来看一个关于查找的例子.查找,就是从复杂的数据结构中,找到满足某个条件的元素.通常可从以下两个方面来对数据进行查找操作: 根据元素的位置或索引来查找: 根据元素的数值特征来查找. 针对上述两种 ...
计图(Jittor) 1.1版本：新增骨干网络、JIT功能升级、支持多卡训练
计图(Jittor) 1.1版本:新增骨干网络.JIT功能升级.支持多卡训练深度学习框架-计图(Jittor),Jittor的新版本V1.1上线了.主要变化包括: • 增加了大量骨干网络的支持,增强 ...
服务器创建和附加虚拟磁盘,Windows 7 虚拟硬盘中的新增功能
[IT168 专稿]Microsoft 虚拟硬盘文件格式 (.vhd) 是一种公用格式规范,用于指定封装在单个文件中的虚拟硬盘,它能够承载本机文件系统并支持标准的磁盘操作. Microsoft Win ...
git 查看修改的代码行数，新增的文件以及删除的代码行数
有时候想知道提交的代码修改了哪些文件,以及新增和删除的代码行数 git 命令: git log --stat
Android 10 新增的功能
个人表示看了2个多小时 ,基本了解如下 android 10 对应的API 版本为29 好像名字就是android 10 没看到什么甜品的名称了可以在官网上看到android 对应的版本如下 an ...

Bootstrap4.x 新增

Bootstrap4.x 新增相关推荐

最新文章

热门文章