https://index.zshipu.com/geek/tags/css/ Recent content in Css on 知识铺的博客 Hugo -- gohugo.io zh-CN Fri, 17 Jun 2022 09:05:31 +0800 https://index.zshipu.com/geek/post/css/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E7%82%B9%E5%A4%A7%E5%85%A8/ Fri, 17 Jun 2022 09:05:31 +0800 https://index.zshipu.com/geek/post/css/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E7%82%B9%E5%A4%A7%E5%85%A8/ 一、简历 简历在找工作过程中是非常非常重要的，无论你是什么途径去面试的，面试你的人一定会看你的简历。 1、重点 简历就像高考作文——阅卷时间非常短。 内容要简洁。 直击重点，表现出自己的优势（只要是符合招人单位要求的都是优势，不是别人不会的你会才叫优势）。 2、简历包含的内容 个人信息。 专业技 https://index.zshipu.com/geek/post/nexp/css-level-01/css-level-001-%E5%AD%A6%E4%B9%A0-TailwindCSS%E5%88%B6%E4%BD%9C%E4%B8%AA%E4%BA%BA%E8%B5%84%E6%96%99%E5%8D%A1/ Mon, 23 May 2022 10:05:00 +0800 https://index.zshipu.com/geek/post/nexp/css-level-01/css-level-001-%E5%AD%A6%E4%B9%A0-TailwindCSS%E5%88%B6%E4%BD%9C%E4%B8%AA%E4%BA%BA%E8%B5%84%E6%96%99%E5%8D%A1/ Tailwind 是一个 CSS 框架 Tailwind 是一个 CSS 框架，可让您轻松构建出色的响应式 UI。 如果您正在学习 TailwindCSS，此博客可以帮助您通过在 5 分钟内创建一个带有按钮的迷你配置文件卡来构建更强大的概念。 首先，您需要在项目中安装 Tailwind。现在有以下3种方法。访问您喜欢的那个。由于这是一张简单的 https://index.zshipu.com/geek/post/css/CSS-%E7%89%B9%E6%80%A7%E7%9A%84%E5%AE%8C%E6%95%B4%E6%8C%87%E5%8D%97/ Wed, 11 May 2022 09:05:31 +0800 https://index.zshipu.com/geek/post/css/CSS-%E7%89%B9%E6%80%A7%E7%9A%84%E5%AE%8C%E6%95%B4%E6%8C%87%E5%8D%97/ 将样式应用于 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 如下所示，并应用了内联样式： 内部样式：内部样式基本上意味着要应用的样式 https://index.zshipu.com/geek/post/css/%E4%B8%8B%E4%B8%80%E4%BB%A3%E6%A0%B7%E5%BC%8F%E8%B5%B0%E5%8A%BF/ Sun, 17 Apr 2022 19:22:10 +0000 https://index.zshipu.com/geek/post/css/%E4%B8%8B%E4%B8%80%E4%BB%A3%E6%A0%B7%E5%BC%8F%E8%B5%B0%E5%8A%BF/ 自从著名设计师 Ethan Marcotte（@beep）在 A List Apart 上发表了一篇名为《 Responsive Web Design 》的文章之后，响应式网页设计（RWD，即 Responsive Web Design）的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来，CSS 也发生了巨大的变化，新增 https://index.zshipu.com/geek/post/css/%E4%BD%BF%E7%94%A8-HTML-+CSS-%E7%9A%84%E9%AA%A8%E6%9E%B6%E5%B1%8F%E5%B9%95%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB/ Wed, 06 Oct 2021 19:48:00 +0000 https://index.zshipu.com/geek/post/css/%E4%BD%BF%E7%94%A8-HTML-+CSS-%E7%9A%84%E9%AA%A8%E6%9E%B6%E5%B1%8F%E5%B9%95%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB/ 预加载 使用 HTML 和 CSS 为骨架屏幕加载动画覆盖图像 在本文中，我展示了如何使用 HTML CSS 和 JavaScript 创建骷髅屏幕加载动画。我在个人资料卡上创建了此动画。 您将看到各种网站，在那里你可以看到骷髅加载动画之前加载任何元素。毫无疑问，它提高了网站的质量和美感很多。您需要有一个关于 HTML 和 CSS 的基本想法才能做到这一点。