您的位置:首页 >> css

列表

  • 如何将 CSS 样式添加到 HTML 页面:初学者指南

    php

    简介想象一下您在厨房里,准备准备一道菜。主要成分 (html) 摆在您面前:肉、蔬菜、香料。但要将这些食材转化为烹饪杰作,您需要烹饪技术、调味料和摆盘——这就是 css(层叠样式表)发挥作用的地方。 css 就像网络的“调味艺术”:没有它,

  • 使用 Tailwind CSS 创建流星边框动画

    php

    在这篇博文中,我们将使用 tailwind css 创建一个迷人的“流星”边框动画。此效果为输入字段提供发光的动画边框,可以吸引用户的注意力 - 非常适合电子邮件注册或重要通知等号召性用语部分。 演示在深入研究代码之前,您可以在此

  • HTML、CSS 和 JavaScript 项目

    php

    欢迎来到我的 html、css 和 javascript 项目集合!这篇博文全面概述了我创建的各种项目,展示了 web 开发的不同方面。每个项目都可以在自己的存储库中找到,其中包含您需要探索和学习的所有代码。 目录简介项目概况开

  • 在 React/Nextjs 中添加深色和浅色主题支持

    php

    在 react/next.js 中添加深色和浅色主题支持 概述在本指南中,我们将引导您完成向 react 或 next.js 应用程序添加深色和浅色主题支持的步骤。这种方法将允许用户在主题之间切换,并且 ui 将相应更新。

  • 使用 React 构建 BMI 计算器

    php

    使用 react 构建 bmi 计算器 介绍体重指数(bmi)是一种广泛使用的指标,用于确定一个人在给定身高下是否拥有健康体重。在本博客中,我们将逐步介绍如何使用 react 创建一个简单但实​​用的 bmi 计算器。这个项目允许

  • CSS 中的版式和字体样式

    php

    讲座 4:css 中的版式和字体样式在本次讲座中,我们将探讨如何使用 css 设置文本样式。版式是网页设计的一个重要方面,影响可读性、用户体验和整体美观。在本讲座结束时,您将了解如何在网站上应用各种字体样式并控制文本外观。 了解网

  • 使用 API 和 JSON 的 Shopify Liquid REPL

    php

    我非常兴奋 ? 分享我的新网站 Shopify Liquid REPL。我最近看到 Taylor Page 关于 Shopify REPL (Read-Eval-Print-Loop) 的帖子,这促使我查看了该网站。检查网站的输出后,我创建

  • 学习 Django 时的关键主题

    php

    1. Django 基础知识项目结构:了解 Django 项目的基本结构(例如,settings.py、urls.py、wsgi.py)。应用程序:了解 Django 应用程序如何在项目中工作以及如何创建和管理它们。URL 和路由:定义 U

  • 建立一个登录表单网站

    php

    介绍开发者们大家好!我很高兴分享我的最新项目:登录表单。该项目非常适合那些希望构建一个干净且功能齐全的登录界面的人,用户可以使用该界面来验证自己的身份。这是使用 html、css 和 javascript 增强前端开发技能的好方法,同时创建

  • 如何设置独立 CLI:在 Shopify 中使用 Tailwind CSS,而不使用 Nodejs

    php

    依赖关系Shopify CLI:一种命令行界面工具,可帮助您开发和管理 Shopify 主题。TailwindCSS:实用程序优先的 CSS 框架,用于快速构建自定义设计。 设置我们使用 Tailwind 作为独立的 CLI 工具

  • 优化 Web 性能:最佳实践和技术

    php

    简介说明:加载缓慢的网站和加载快速的网站之间的比较,突出显示对用户参与度的影响。在当今快节奏的数字环境中,网络性能是直接影响用户体验、参与度和转化率的关键因素。加载缓慢的网站可能会导致更高的跳出率、更低的用户满意度,并最终导致收入损失。另一

  • 使用 Nextjs Prisma、TailwindCSS 和 Next Auth 进行旅行预订

    php

    旅行预订应用程序使用 next.js 14、tailwind css、typescript 和 prisma 进行中的旅行应用程序。允许用户注册、游览浏览、预订和评论提交。对开发过程中的所有贡献开放。 入门克隆存储库:git cl

  • 我如何编写 CSS 选择器

    php

    CSS 方法有很多,但我都讨厌它们。有些多(顺风等),有些少(BEM、OOCSS 等)。但归根结底,它们都有缺陷。当然,人们使用这些方法有充分的理由,并且解决的许多问题我也遇到过。因此,在这篇文章中,我想写下我自己的关于如何保持 CSS 井

  • CSSseudo-Classes and Pseudo-Elements: An In-Depth Look

    php

    简介嘿,了不起的人们。今天,我们将深入研究 css 中的伪类和伪元素的世界。这些是我们 css 工具包中的强大工具,可以帮助我们以独特的方式定位和设计元素,使我们的工作更加高效,使我们的网页更加动态。我们将从基础知识开始,了解什么是伪类和伪

  • CSS 布局 - 浮动、Flexbox 和网格

    php

    第 5 讲:css 布局 - 浮动、flexbox 和网格在本次讲座中,我们将深入探讨在 css 中创建布局的基本技术。了解如何使用浮动、flexbox 和网格构建内容将使您能够构建响应灵敏且组织良好的网站。在本讲座结束时,您将能够创建适应

  • 降低性能的两行 CSS(fps 到 ps)

    php

    我最近发布了 learn wc,如果您看过它,您可能已经注意到背景中的动画,其中彩色圆圈在屏幕上对角移动。看起来像这样:它在 chrome 和 safari 上运行良好,但我注意到 firefox 上的性能严重下降。性能太差了,我直接在 f

  • Loadr,一种在 HTML 中无缝加载大图像的高效解决方案

    php

    它是如何工作的:它首先从 img src 加载低分辨率图像,然后在 hr-src atrbute 中加载高分辨率图像,一旦加载,就会用高分辨率图像替换低分辨率图像。查看仓库,如果有星星就太棒了演示 安装 cdn使用 cd

  • 利用 JavaScript 的集合和映射实现高效的内容管理系统

    php

    javascript 提供了几种强大的数据结构来处理数据集合。其中,map 和 set 对于某些类型的任务特别有用。在本博客中,我们将探讨使用 map 和 set 解决常见编程问题的现实示例。理解地图和集合在深入示例之前,让我们快速回顾一下

  • 在当今时代使用 Nextjs:现代 Web 开发框架

    php

    在当今快速发展的数字环境中,Web 开发变得比以往更加复杂和动态。开发人员不断寻找能够简化工作流程、提高性能和增强用户体验的工具。在各种可用的框架中,Next.js 已成为开发人员的最佳选择,因其易用性、灵活性和强大的功能而广受欢迎。 Ne

  • 免费 Vanilla CSS 模板的最佳网站

    php

    这是最好的网站的综述,您可以在其中找到并下载免费的 css 模板。我们专注于不使用任何框架的普通 css 模板。这些高质量的项目将为您的网站、登陆页面、博客和作品集提供支持。在线空间中有许多模板创建者。以下是让下面提到的这些人脱颖而出的原因