找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 752|回复: 0

重置样式(Reboot)

[复制链接]

296

主题

38

回帖

1274

积分

管理员

积分
1274
发表于 2021-4-5 22:13:06 | 显示全部楼层 |阅读模式
一.body
1.取消了margin:8px的默认样式
2.background-color为#fff

二.Headings and paragraphs(H1和p标签)
1.margin-top取消
2.h1的margin-bottom为0.5rem
3.p的margin-bottom为1rem

三.Lists
1.ul、ol和dl的margin-top清除,margin-bottom为1rem
2.嵌套的列表的margin-bottom为0
3.重置了ul和ol的padding-left值
4.description lists更新了margin
5.dd的margin-left重置为0,并且margin-bottom重置为0.5rem
6.dt为粗体

四.Inline code(code标签)
<code></code>

五.Code blocks(代码标签)
<pre></pre>

六.Variables(变量标签)
<var></var>

七.User input(用户输入)
<kbd></kbd>

八.Tables
<caption></caption>

九.Forms
1.fieldset
<fieldset>
        <legend></legend>
</fieldset>
2.label更新为display:inline-block
3.input、select、textarea、button清除margin,line-height:inherit
4.textarea可垂直拖动,不能水平拖动
5.button和input:button默认有pointer样式

十.Pointers on buttons
role="button"样式可改变为pointer样式

十一.HTML5 [hidden] attribute
#不建议使用,[hidden] { display: none !important; },这样不方便jquery等快捷操作
1.显示与隐藏
d-none
d-block

2.占位显示与隐藏
visible
invisible

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|外汇论坛 ( 粤ICP备16021788号 )

GMT+8, 2024-5-13 08:49 , Processed in 0.069073 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表