🌓

FreeCodeCamp CSS 学习总结

以下是freeCodeCamp CSS学习总结,快速熟悉下基础概念。工具文档参考 MDN

阅读全文

Learn More About CSS Pseudo Selectors by Building A Balance Sheet

使用伪类选择器构建资产负债表。了解如何在将鼠标悬停在元素上时更改元素的样式,并触发网页上的其它事件。

该篇文章为 freecodecamp Learn More About CSS Pseudo Selectors by Building A Balance Sheet 学习笔记

查看效果:balance-sheet

阅读全文

Build a tribute page project

该篇文章为 freecodecamp Build a tribute page project 作业

查看效果:tribute-page

阅读全文

Learn Accessibility by Building a Quiz

可访问性是指让网页可供所有人(包括残障人士)轻松使用。

该篇文章为 freecodecape Learn Accessibility by Building a Quiz 学习笔记

查看效果:accessibility-quiz

阅读全文

Learn Typography by Building a Nutrition Label

版式是设计文本的艺术,使其易于阅读并适合其目的。
在该课程中,使用排版来构建 nutrition label 网页。将学习如何使用 CSS 设置文本样式、调整行高以及定位文本。

该篇文章为 freecodecape Learn Typography by Building a Nutrition Label 学习笔记

查看效果:nutrition-label

阅读全文

Learn CSS Flexbox by Building a Photo Gallery

该篇文章为 freecodecamp Learn CSS Flexbox by Building a Photo Gallery 学习笔记

查看效果:flexbox-photo-gallery

阅读全文

Learn the CSS Box Model by Building a Rothko Painting

该篇文章为 freecodecamp Learn the CSS Box Model by Building a Rothko Painting 学习笔记

查看效果:rothko-painting

阅读全文

Build a survey form project

该篇文章为 freecodecamp Learn html forms by building a registration form 学习笔记

查看效果:survey form

阅读全文

Learn html forms by building a registration form

该篇文章为 freecodecamp Learn html forms by building a registration form 学习笔记

查看效果:registration-form

阅读全文

Learn css colors by building a set of colored markers

该篇文章为 freecodecamp Learn css colors by building a set of colored markers 学习笔记

查看效果:colored-markers

阅读全文