前端知识点大全 2022年6月17日 一、简历 简历在找工作过程中是非常非常重要的,无论你是什么途径去面试的,面试你的人一定会看你的简历。 1、重点 简历就像高考作文——阅卷时间非常短。 内容要简洁。 直击重点,表现出自己的优势(只要是符合招人单位要求的都是优势,不是别人不会的你会才叫优势)。 2、简历包含的内容 个人信息。 专业技…… 阅读全文
css-level-001 学习 TailwindCSS:制作个人资料卡 2022年5月23日 Tailwind 是一个 CSS 框架 Tailwind 是一个 CSS 框架,可让您轻松构建出色的响应式 UI。 如果您正在学习 TailwindCSS,此博客可以帮助您通过在 5 分钟内创建一个带有按钮的迷你配置文件卡来构建更强大的概念。 首先,您需要在项目中安装 Tailwind。现在有以下3种方法。访问您喜欢的那个。由于这是一张简单的…… 阅读全文
CSS 特性的完整指南 2022年5月11日 将样式应用于 HTML 的基础知识 CSS 为您的网站提供了颜色和设计。我们可以通过 3 种主要方式将样式应用于 HTML。这些都是: 内联样式:内联样式正是顾名思义,它们是与 HTML 元素内联编写的。例如 <div class="button-link" style="color: white; border: none; font-size: 16px; background-color: blue; width: 20%; padding: 1rem">Button Text</div> 这导致 div 如下所示,并应用了内联样式: 内部样式:内部样式基本上意味着要应用的样式…… 阅读全文
下一代样式走势 组件驱动式Web设计 2022年4月17日 自从著名设计师 Ethan Marcotte(@beep)在 A List Apart 上发表了一篇名为《 Responsive Web Design 》的文章之后,响应式网页设计(RWD,即 Responsive Web Design)的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来,CSS 也发生了巨大的变化,新增…… 阅读全文
使用 HTML +CSS 的骨架屏幕加载动画 2021年10月6日 预加载 使用 HTML 和 CSS 为骨架屏幕加载动画覆盖图像 在本文中,我展示了如何使用 HTML CSS 和 JavaScript 创建骷髅屏幕加载动画。我在个人资料卡上创建了此动画。 您将看到各种网站,在那里你可以看到骷髅加载动画之前加载任何元素。毫无疑问,它提高了网站的质量和美感很多。您需要有一个关于 HTML 和 CSS 的基本想法才能做到这一点。…… 阅读全文