今儿个在社区闲逛，刷到个标题特唬人的帖子——《七宗罪HTML最新使用指南》，心想这玩意儿不是宗教概念吗，咋还跟HTML扯上关系了？正好最近在教表弟学前端，索性点开瞅瞅到底在搞啥名堂。
实践第一步：照葫芦画瓢
按帖子说的先建了个文件夹，里面塞了七个html文件，文件名硬是按七宗罪起的：傲慢.html、贪婪.html...好家伙，每个文件里就一行字"本罪典型案例展示"，这不纯纯行为艺术吗？表弟在旁边看得直挠头：“哥，这能学啥？”
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
踩坑开始：花里胡哨的骚操作
接着教程让给懒惰.html加特效，说是用marquee标签实现“懒到文字不想动”的效果。我啪敲完代码一看，这破标签早被HTML5淘汰了！浏览器里文字抽搐两下直接罢工。更离谱的是色欲.html那段，非要在body标签里写内联样式：style="background-color:hotpink"，粉得我眼睛差点瞎掉。
- 实际遇到的坑：
- 用table布局搞暴食.html，嵌套三层div后页面直接垮成俄罗斯方块
- 照着写嫉妒.html的闪烁文字，blink标签压根不被现代浏览器支持
- 贪婪.html要求嵌五个自动播放视频，页面卡得像八十岁老头爬坡
暴力修正：边骂边改
气得我叼着烟开始魔改代码：
1. 把marquee全换成CSS动画，用@keyframes让文字飘着走
2. 内联样式全挪进