Cloud Computing Data Science/AI Game Development

CSS

Cascading Style Sheets

LogoLearn CSSweb.dev
LogoNormalize.css: Make browsers render all elements more consistently.

  • Reset CSS: CSS resets aim to remove all built-in browser styling. For example, all elements' margins, paddings, and font sizes are reset to be the same.

  • Normalize CSS: Normalize CSS aims to make built-in browser styling consistent across browsers. It also corrects bugs for common browser dependencies.

CSS preprocessors

A CSS preprocessor is a program that lets you generate CSS from the preprocessor's own unique syntax.

There are many CSS preprocessors to choose from, however, most CSS preprocessors will add some features that don't exist in pure CSS, such as mixin, nesting selector, inheritance selector, and so on. These features make the CSS structure more readable and easier to maintain.

A few of most popular CSS preprocessors:

Sass

LESS

Stylus

PostCSS

Resources

Flexbox Defense
LogoFlexbox Froggy
LogoKnights of the Flexbox tableKnights of the Flexbox table
LogoPlay Flex Box Adventure – CSS Game to Learn Flexbox
LogoFlexbox Zombies
LogoGrid Garden
LogoPlay Grid Attack – CSS Game to learn CSS Grid
LogoCSS Diner
LogoGuess CSS! HTML & CSS puzzler game
LogoCSS Speedrun | Test your CSS SkillsCSS Speedrun | Test your CSS Skills
LogoCSSBattle
Logo100 Days CSS Challenge
PreviousHTML/CSSNextC++

Last updated