码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap4.x 新增

时间:2018-09-23 22:31:27      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:horizon   bottom   字体   去除   使用   poi   引用   pointer   body   

 

页面默认声明

(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

Bootstrap4.x 新增

标签:horizon   bottom   字体   去除   使用   poi   引用   pointer   body   

原文地址:https://www.cnblogs.com/goOtter/p/9693627.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!