首页 web前端 css教程 加入我们参加下一个前端挑战:12 月版!

加入我们参加下一个前端挑战:12 月版!

Dec 16, 2024 am 04:47 AM

Join us for the next Frontend Challenge: December Edition!

我们回来了。

我们非常高兴地宣布我们社区最受欢迎的挑战的最新版本:前端挑战!

12 月 29 日开始,前端挑战:12 月版将包含两个深受喜爱的提示:CSS ArtGlam Up My Markup。我们的主题是十二月,旨在为每个人结束这一年提供包罗万象和广泛的内容。

与所有前端挑战一样,每个提示都会有一名获胜者。这是两次赢得吹牛权利的机会、6 个月的 DEV 会员资格、专属 DEV 徽章等等!

我们希望您在展示 CSS 和 Javascript 技能时获得乐趣!继续阅读以了解如何参与。


提示✨

CSS 艺术:十二月

画出你想到的十二月的事情。根据您居住的地方,这可能意味着您正处于炎热的夏季或穿着厚衣服去滑雪。或者,也许您将 12 月与您想与我们分享的庆祝活动或传统联系在一起。

无论是什么,我们都迫不及待地想看到你的艺术作品!

这里是任何想要直接参与的人的提交模板,但请在提交之前查看官方挑战页面上的所有挑战规则。

CSS 艺术提交模板

魅力我的标记:冬至

使用 CSS 和 JavaScript 使下面的入门 HTML 标记美观、交互且有用。十二月是北半球观察和体验冬至的时候(南半球是六月)——我们提供了一个网站的入门模板,深入探讨世界各地围绕冬至的科学和文化。

您提交的内容应该比我们提供的 HTML 更有趣、更具互动性,但也应该可用且易于访问。您不应直接编辑提供的 HTML,除非是通过 JavaScript。我们期待风格和实质。您可以添加基本样板,包括元标记等以用于演示目的。

<html lang="zh-cn">
<头>
    
    <title>世界各地的冬至庆祝活动</title>
</头>


    


<p>这里是任何想要直接参与的人的提交模板,但请在提交之前查看官方挑战页面上的所有挑战规则。</p>

<p>美化我的标记提交模板
</p>


<div>

  
<h2>
  
  
  如何参与
</h2>

<p>为了参与,您需要<strong>使用与每个提示关联的提交模板发布帖子</strong>。 </p>
<p>请在提交之前查看我们的完整规则、指南和常见问题解答页面,以便您了解我们的参与指南和官方竞赛规则(例如资格要求)。 </p>


</div>



<h2>
  
  
  重要日期
</h2>

登录后复制
  • 12 月 4 日:前端挑战:12 月版开始!
  • 12 月 29 日:提交截止时间为太平洋夏令时间晚上 11:59
  • 1 月 9 日:获奖者公布

我们非常高兴看到您 12 月份提交的作品!问题?请在下面询问他们。

祝你好运,编码愉快!

以上是加入我们参加下一个前端挑战:12 月版!的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

带有粘性定位的堆叠卡和一点点的杂物 带有粘性定位的堆叠卡和一点点的杂物 Apr 03, 2025 am 10:30 AM

前几天,我发现了科里·金尼文(Corey Ginnivan)网站上的这一点,当您滚动时,彼此之间的卡片堆放集。

Google字体可变字体 Google字体可变字体 Apr 09, 2025 am 10:42 AM

我看到Google字体推出了新设计(Tweet)。与上一次大型重新设计相比,这感觉更加迭代。我几乎无法分辨出区别

如何使用HTML,CSS和JavaScript创建动画倒计时计时器 如何使用HTML,CSS和JavaScript创建动画倒计时计时器 Apr 11, 2025 am 11:29 AM

您是否曾经在项目上需要一个倒计时计时器?对于这样的东西,可以自然访问插件,但实际上更多

HTML数据属性指南 HTML数据属性指南 Apr 11, 2025 am 11:50 AM

您想了解的有关HTML,CSS和JavaScript中数据属性的所有信息。

为什么Flex布局中的紫色斜线区域会被误认为是'溢出空间”? 为什么Flex布局中的紫色斜线区域会被误认为是'溢出空间”? Apr 05, 2025 pm 05:51 PM

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...

如何通过CSS选择第一个类名为item的子元素? 如何通过CSS选择第一个类名为item的子元素? Apr 05, 2025 pm 11:24 PM

在元素个数不固定的情况下如何通过CSS选择第一个指定类名的子元素在处理HTML结构时,常常会遇到元素个数不�...

使Sass更快的概念证明 使Sass更快的概念证明 Apr 16, 2025 am 10:38 AM

在一个新项目开始时,Sass汇编发生在眼睛的眨眼中。感觉很棒,尤其是当它与browsersync配对时,它重新加载

在前端开发中,如何使用CSS和JavaScript实现类似Windows 10设置界面的探照灯效果? 在前端开发中,如何使用CSS和JavaScript实现类似Windows 10设置界面的探照灯效果? Apr 05, 2025 pm 10:21 PM

在前端开发中如何实现类似Windows...

See all articles