菜单

重置:Reset
重置样式表是由一系列指定的css属性值组成,用来修正不同浏览器之间的默认样式差异。

“重置” 包括什么

Semantic 的默认主题包含最新的 Normalize CSS ,用来提供基础的HTML重置。此外,Semantic UI 还需要重设 Box-sizing 以确保提供统一的方式去处理元素的宽度值。

Semantic UI 组件需要重置才能正常运行,并且在使用单个组件时也应包括重置。

重置选项)

Basic 主题 包含 box-sizing的重置,仅此而已。Resetcss 主题提供了一个 Reset CSS 的版本, 动态的 CSS 重置。

重置测试 (Reset Test)

html

应该有 sans-serif 这种字体

abcdefghijklmnopqrstuvwxyz

body

不能有 margin

(这个页面不应该有红色的背景)

article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section, summary

应该以Block来呈现

article
summary details
figure
figcaption
footer
header
hgroup
main
section

audio, canvas, progress, video

应该以 inline-block 和 baseline-aligned 来呈现

canvas progress

audio:not([controls]), template, [hidden]

不应该显示

a

激活时应该是透明的

聚焦时不应该有轮廓

abbr[title]

应该有一个虚线底部边框

abbr

b, strong

应该有是粗体字

b strong

dfn

应该有是斜体字

dfn

h1

article 标签下不会改变大小

Heading (control)

Heading (in article)

section 标签下不会改变大小

Heading (control)

Heading (in section)

mark

应该是黄色背景

mark

small

所有浏览器中都是小号字

control. small.

subsup

不会影响行内高

control.

control. sub.

control. sup.

img

没有边框

svg

不会超出范围

figure

有边框

hr

应该有 content-box 的模型


pre

内容太多会自动触发滚动条

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.

code, kbd, pre, samp

样式和大小相同,仅有 em 不同

span: abcdefghijklmnopqrstuvwxyz.
code: abcdefghijklmnopqrstuvwxyz.
kbd: abcdefghijklmnopqrstuvwxyz.
samp: abcdefghijklmnopqrstuvwxyz.
pre: abcdefghijklmnopqrstuvwxyz.

button, input, optgroup, select, textarea

继承 color 颜色




继承 font 字体




不应该有 margins 值

button

溢出可见

button, select

不会继承 text-transform

button 以及按钮样式 input

应该有 pointer 的光标样式

可被样式化

不可用的 buttoninput

应该有 default 鼠标指针样式

button, input

在 Firefox 浏览器中没有内边距

input

不会继承 line-height

input[type="checkbox"], input[type="radio"]

应该有 border-box 模型

没有内边距

input[type="number"]

在 Chrome 浏览器中按钮使用默认的鼠标指针

input[type="search"]

可被样式化

应该有 content-box 模型

在 Safari 浏览器或 Chrome 浏览器不会有'取消'按钮

fieldset

有一致的边框、内边距,和外边距。

legend

继承颜色

legend

不应该有内边距

legend

textarea

输入满了会有滚动条

table

相互之间没有间隔

Jimi Hendrix - albums
Album Year Price
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsies 1970 $12.00