本文主要收集一些自己常用的前端相关的工具类、图片类、前端学习、前端组件资源、CSS动画相关的资源网站，便于提升工作效率，还提供了一些娱乐的网站供大家放松。

提到HTML，很多人可能认为：“这不就是小菜一碟吗？有啥难的？”不过，越是就是这种简单的东西，反而越能带来 让人惊艳的效果~~

文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。但是难免会有打字的错误或理解的错误，希望发现的可以邮箱告诉我236490794@qq.com，我会及时的进行修改，旨在能帮到大家，谢谢。 意义：根据内容的结构化（内容语义化）…

`<meta>` 内容不会显示在页面上，但是对于机器是可读的，可用于模拟 HTTP 响应头字段的使用，页面描述、关键字用于搜索引擎优化，或其他 web 服务。

css 常用代码片段 隐藏滚动条或更改滚动条样式 检测横屏竖屏 第一种： 第二种： 移动响应式设置 单位适配： 不考虑兼容性： 考虑兼容性： 点击元素禁止产生背景或边框 禁止长按链接与图片弹出菜单 禁

实现多行文本溢出省略效果，考虑兼容性： 可以使用 CSS 属性 "text-overflow: ellipsis;" 来实现文本溢出时显示省略号。配合 "white-space: nowrap;"

HTML标签，前端工程师在开发页面时经常使用。但往往关注更多的是页面渲染效果及交互逻辑，比如表单、菜单栏、列表、图文。还有一些非常重要却容易被忽视的标签，这些标签大多数用在页面头部head标签内，在某

Web Tools# 注意事项 [✔]：组件或工具后的 [] 标注有 ✔ 的，为已经尝试使用过的。 截图工具# Snipaste「✔ 截屏工具」 PixPin「✔ 截屏工具」 pear-rec「✔ 截