doudou.css Test Page

这个页面提供样式预览。项目地址 github:h2y/doudou.css

标签遵循 MDN 提供的 HTML5 标签列表


章节

h3 前两个已经出现在上面了

h4 恩明显变小了

h5 第五个
h6 这个和普通段落一样大小

p 大小样式对照


组织内容

p 这个页面提供样式预览。这个页面提供样式预览。


p 我没有为 dt dl dd 标签写样式。

  1. ol item
  2. ol item
  3. ol item
  4. ol item

文字形式

a 这是一个神秘链接

我是不起眼的小标签。而我是正常大小。

文字当中 斜体使用 i 标签 一定要记住。

什么?你问 b 有多粗?

strong 特别说明

我可以 用 u 表示下划线 哦!

em HTML 标签相当的多,我只打算重写 em^2 其中一部分标签 的样式。

//code & pre
let hello = 'world';
console.log(`hello ${hello}!`);

sup/sub 这是上标的上标,以及下标的下标。额,好丑~

我一直觉得 abbr 好用。

kbd 标签表示按键:Ctrl + S


编辑

ins 表示 插入的内容 记住了吗?

del 表示 被删除的内容 哈哈~


嵌入内容

img

img

iframe


表格

caption here
Header content 1 Header content 2 Header content 3
Footer content 1 Footer content 2 Footer content 3
Body content 1 Body content 2 Body content 3
Body content 1 Body content 2 Body content 3
Body content 1 Body content 2 Body content 3

表单

buttons

使用 fieldset, legend, and label 的表单

in fieldset

legend

out of fieldset

input 标签们

type 实例
button
submit
checkbox

radio

time
date
file
password
range
text
textarea
datetime
datetime-local
email
month
number
reset
tel
time
week
url

select