CodeRunBox
Compiler
Glossary
Example
Course
HTML
CSS
JavaScript
Python
Swift
TypeScript
SQL
React
What is CSS?!importantAnimationBackground imageBlur() functionBorder colorBorder radiusBorder widthBordersBox modelBox shadowClass attributeClip pathColorCommentCursorDisplay propertyFirst-child selectorFlexboxFont familyFont sizeFont styleFont weightGapGradientGrid layoutHeightID selectorLetter spacingLinking a style sheetMarginMedia queryMinmax() functionN-th-child selectorObject fitOpacityOutlineOverflow propertyPaddingPixelsPointer eventsPosition propertyPseudo-classesPseudo-elementsRotateRounding an imageScale()SelectorsSpecificityText alignText shadowText wrapTransition propertyTranslate() propertyUnitsVariablewhite-spaceWidthZ-index

Pixels in CSS

We measure the height and width of an element in pixels, like 50px. Pixels are tiny points that make up what you see on a screen.

css
<head> <link rel="stylesheet" href="style.css"> </head> <body> <h3>Two different theories</h3> <img class="round" src="https://mimo.app/r/earth.png"> <img class="flat" src="https://mimo.app/r/earth.png"> </body>
css
.flat { height: 50px; width: 100px; } .round { height: 100px; width: 100px; }