Course
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;
}