admin 发表于 2021-4-5 22:13:06

重置样式(Reboot)

一.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 attribute
#不建议使用, { display: none !important; },这样不方便jquery等快捷操作
1.显示与隐藏
d-none
d-block

2.占位显示与隐藏
visible
invisible

页: [1]
查看完整版本: 重置样式(Reboot)