HTML元素
CSS属性
JS关键字
代码段
文档结构
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 本地存储 防抖函数 节流函数
自动刷新
行: 1, 列: 1 字符: 0 编辑模式 主题: vs
对话框标题
对话框内容
功能助手 ×
你好!我是HTML开发助手,你可以输入功能名称来执行相应的功能。例如输入"自动换行"来切换编辑器的换行设置。