文档结构
HTML5文档
html
head
title
body
meta
link
script
style
文本元素
h1
h2
h3
h4
h5
h6
p
span
strong
em
br
hr
pre
code
blockquote
cite
q
mark
time
列表
ul
ol
li
dl
dt
dd
链接和图片
a
img
figure
figcaption
picture
source
表单
form
input:text
input:password
input:email
input:number
input:checkbox
input:radio
textarea
select
option
button
label
fieldset
legend
datalist
output
表格
table
thead
tbody
tfoot
tr
th
td
caption
colgroup
col
多媒体
audio
video
track
iframe
canvas
svg
语义元素
header
nav
main
article
section
aside
footer
details
summary
address
布局
display: block
display: inline
display: flex
display: grid
display: none
position: relative
position: absolute
position: fixed
position: sticky
float: left
float: right
clear: both
overflow: hidden
overflow: auto
overflow: scroll
z-index
Flexbox
flex-direction: row
flex-direction: column
justify-content: center
justify-content: space-between
align-items: center
flex-wrap: wrap
flex: 1
gap: 10px
Grid
grid-template-columns
grid-template-rows
grid-column
grid-row
grid-gap
grid-area
盒模型
width
height
max-width
min-height
padding
margin
border
box-sizing: border-box
字体与文本
font-family
font-size
font-weight: bold
line-height
text-align: center
text-decoration: none
text-transform
color
背景
background-color
background-image
background-size: cover
background-position
background-repeat
动画与过渡
transition
transform: rotate
transform: scale
transform: translate
@keyframes
animation
其他
opacity
border-radius
box-shadow
cursor: pointer
filter: blur
@media query
:hover
:focus
:before
:after
变量与数据类型
var
let
const
String
Number
Boolean
null
undefined
Symbol
BigInt
Object
Array
控制流
if
if...else
switch
for
while
do...while
for...of
for...in
break
continue
函数
function
function expression
arrow function
return
arguments
rest parameters
对象
object literal
this
class
constructor
extends
super
get
set
static
错误处理
try...catch
try...catch...finally
throw
Error
异步
setTimeout
setInterval
clearTimeout
clearInterval
Promise
new Promise
then
catch
async
await
模块
import
export
export default
import *
DOM操作
getElementById
querySelector
querySelectorAll
innerHTML
textContent
appendChild
removeChild
createElement
setAttribute
getAttribute
classList.add
style
事件
addEventListener
removeEventListener
preventDefault
stopPropagation
HTML模板
基础HTML5模板
响应式布局模板
Flex布局模板
CSS代码段
CSS重置
居中技巧
响应式图片
卡片样式/span>
按钮样式
媒体查询
JavaScript代码段
DOM就绪
DOM操作
事件处理
Fetch API
Async/Await
本地存储
防抖函数
节流函数