选择卡Tab排版

1 选项卡切换原理

选项卡切换包括2项关键技术：
1、选项卡标签项与选项卡内容项的关联
实现关联最简单的办法是建立HTML结构时就使选项卡标签项与选项卡内容项的顺序一一对应，当触发第n个选项卡标签时，就切换第n个选项卡内容区可见。
2、选项卡内容项的隐藏控制
显隐控制的基本逻辑是显示时添加定义display:block声明的类样式（如.active），隐藏时则删除定义了display:block声明的类样式（如.active）即可。

2 编写HTML文件

在这里插入代码片

3 编写CSS样式

在这里插入代码片

4 编写JS脚本

在这里插入代码片